Question

到目前为止我的工作是：

$(".photoWrapper img").attr("data-item", "0");

我能够为我选择的元素分配一个值;我不能做的是2-500张图片，其值为2-500。第二个图像的值为2，第三个图像的值为3，等等。

非常感谢任何帮助。

Answer 1

你很难定义你的问题。

我猜你只想要一个向上计数的数据项号，所以只需使用for循环并循环遍历你想要分配数据项的所有图像。

var images = $(".photoWrapper img");
for( var i=0; i<images.length; i++ ) {
    $(images[i]).attr('data-item', i);
}

的jsfiddle： http://jsfiddle.net/38ot3evg/3/

Answer 2

＆＃13;

$(".photoWrapper img").attr("data-item", function(i) {
   return i;
});
alert( $('.photoWrapper img:eq(3)').data('item') );

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="photoWrapper">
  <img src="sample.jpg"/>
  <img src="sample.jpg"/>
  <img src="sample.jpg"/>
  <img src="sample.jpg"/>
  <img src="sample.jpg"/>
  <img src="sample.jpg"/>
  <img src="sample.jpg"/>
</div>

＆＃13;

使用jQuery将数据属性设置为唯一

2 个答案: