我有一些图像元素,当用户单击按钮时,我想向其中添加额外的文本。
<img class="torso" src="img/girl/body/girl001.png" alt="">
<img class="eyebrows" src="img/eyebrows/black.png" alt="">
<img class="face face1" src="img/face/head1_1.png" alt="">
<button>Tilt Images</button>
文本将需要添加到".png“之前,并且最终将如下所示:
<img class="torso" src="img/girl/body/girl001-tilt.png" alt="">
<img class="eyebrows" src="img/eyebrows/black-tilt.png" alt="">
<img class="face face1" src="img/face/head1_1-tilt.png" alt="">
<button>Untilt Images</button>
在.png文件类型之前将"-tilt“添加到图像源名称中,有效地将图像与"-tilt”版本互换。然而,所有的图像名称在长度上都不同,我认为如果我以某种方式在attr();上对".png“使用.find();,并使用prepend();添加"-tilt”字符串,它就会起作用……我一直在绞尽脑汁想如何做到这一点。任何帮助/知识都是非常感谢的!
https://stackoverflow.com/questions/50883398
复制相似问题