2015-06-09 102 views
1

我有一個簡單的頁面屬性:集數據jQuery的每個循環

<div>test 1</div> 
<div>test 2</div> 
<div>test 3</div> 
<div>test 4</div> 
<div>test 5</div> 

的jQuery腳本:

$(document).ready(function() { 

    $.each($('div'), function (index, item) { 
     $(item).data('testdata', index); 
    }); 

}); 

這裏是的jsfiddle: https://jsfiddle.net/yfo8m93g/

通過DIV我環路容器爲每個容器添加一個數據屬性。 但是,在運行小提琴後檢查頁面時,我看不到DOM中的數據屬性。 我在做什麼錯?

回答

6

使用.attr()

$(document).ready(function() { 

    $.each($('div'), function (index, item) { 
     $(item).attr('data-testdata', index); 
    }); 

}); 

https://jsfiddle.net/yfo8m93g/6/

+1

這數據甚至沒有屬性如何工作。 – Scimonster

+0

@Scimonster什麼?這當然是一個有效的用例。 –

+0

數據屬性的風格是'data-testdata =「something」'。 – Scimonster