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

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

<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文件你自己替换一下。

attr方法可用来获取或设置属性，根据参数个数的不同来定时获取还是设置，当只有1个参数时表示获取属性值，当有2个参数时表示设置元素属性。

例如将图片的宽度设置成150：

$("img").attr("width","150") //参数有width和150，所以是设置

例如获取图片的宽度：

$("img").attr("width")//参数只有width,所以此时是获取

有几种方法

但都需要你指定一个节点

根据这个节点进行添加

如现有一节点Id为pr:

一，向该节点内部后方添加:

1

$("#pr").append("<img

src=''/>")

2

$("<img

src=''/>").appendTo("#pr")

二，向该节点内部前方添加:

1

$("#pr").prepend("<img

src=''/>")

2

$("<img

src=''/>").prependTo("#pr")

三，向该节点同级后方添加:

1

$("#pr").after("<img

src=''/>")

2

$("<img

src=''/>").insertAfter("#pr")

四，向该节点同级前方添加:

1

$("#pr").before("<img

src=''/>")

2

$("<img

src=''/>").insertBefore("#pr")

---