将javascript应用于所有具有相同名称的图像

apply javascript to all images with same name

本文关键字：图像 javascript 应用于      更新时间：2023-09-26

下面的JavaScript只替换了页面上一个图像的src，我怎么能让它为同一页面上的多个图像做这件事

<SCRIPT LANGUAGE="JavaScript">
loadImage1 = new Image();
loadImage1.src = "http://4.bp.blogspot.com/-Xzm-yUJ_dz0/Tsj3Q57J2tI/AAAAAAAAAGE/bohLMRj5FCY/s1600/hover.png";
staticImage1 = new Image();
staticImage1.src = "http://3.bp.blogspot.com/--0FurTdrYzg/Tsj3RPXGz4I/AAAAAAAAAGI/mm_4UvmoD-A/s1600/standard.png";
replaceImage1 = new Image();
replaceImage1.src = "http://4.bp.blogspot.com/-oacZCbBUhQ0/Tsj3Qkl4IaI/AAAAAAAAAGA/5_z-2VXKCi8/s1600/clicked.png";
</script>

如果需要，图像HTML在下面。我不介意应用和ID或类的图像:)

<img onMouseOver="image1.src=loadImage1.src;" onMouseOut="image1.src=staticImage1.src;" onmousedown="image1.src=replaceImage1.src;" onmouseup="image1.src=loadImage1.src;" style=width:480px;height:360px;background-image:url('http://i1.ytimg.com/vi/XtNcZnfkL2A/hqdefault.jpg');" name="image1" src="http://3.bp.blogspot.com/--0FurTdrYzg/Tsj3RPXGz4I/AAAAAAAAAGI/mm_4UvmoD-A/s1600/standard.png">

AND/OR是否有更干净的jquery，我宁愿使用jquery，谢谢!

如果您更愿意使用jQuery，您可以使用"attribute equals"选择器按名称选择所有图像:

$("img[name='image1']").attr("src", "newImageSource.png");

如果你想给图片添加一个class属性，你可以使用class选择器:

$(".someClass").attr("src", "newImageSource.png");

attr方法将应用于匹配选择器的所有元素，因此不需要遍历匹配的集合。

你可以这样做:为图像添加一个类，如;

<>之前之前

然后使用jQuery可以选择所有具有相同类名的图像，如;

<>之前$ (" img [class = ' someClass '] ") . each(函数(){//替换每个图像的SRC属性(美元)。attr (" src ", " ");(美元)。attr("src"、"your_new_src");}）;之前

希望有所帮助

相关文章：