jquery如何实现动态给img添加data-action="zoom"的属性和值？

Question

<div id="gImg">
<img src="images/01.jpg" alt="">
<img src="images/02.jpg" alt="">
<img src="images/03.jpg" alt="">
<img src="images/04.jpg" alt="">
</div>

jquery版本是1.12.4的，如何用jquery动态给ID为gImg的div下所有img加上data-action="zoom"的属性和值；

Answer 1

你好，这是我改的代码，你试下：

<script src='jquery-2.1.4.min.js'></script>
<div id="gImg">
<img src="images/01.jpg" alt="">
<img src="images/02.jpg" alt="">
<img src="images/03.jpg" alt="">
<img src="images/04.jpg" alt="">
</div>
<script>
$(function(){
$("#gImg img").each(function(){
$(this).attr("data-action","zoom");
})
})
</script>

js文件你自己替换一下。

追问

非常感谢，不过你看下我写的，怎么没有显示？？？



追答

你的js没加载进来吧

追问

这样呢？

追答

你F12看看 资源文件有没有加载进来

追问

进来是进来了，但alt属性是怎么回事？

追答

alt是你里面本来就有的啊

你不要可以删掉那个元素