設置數據屬性的獨特的使用jQuery

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

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

<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>