javascript - 使用 $.each() 获取数据属性

Question

当我用来$('#1').data('title')提取属性data-title时，它可以工作。

问题：当我尝试从 div 的子元素中提取所有属性data-title时，我得到了错误。这样做的正确方法应该是什么？#collection$.each()Uncaught TypeError: Object 0 has no method 'data'

JS代码

$.each( $('#collection').children(), function(index, child) {
    $('#result').append( child.data('title') );
});

​</p>

jsfiddle：http: //jsfiddle.net/J5Fjf/2/

Answer 1

这将起作用。

$('#result2').html( $('#collection #1').data('title') );

$.each( $('#collection').children(), function() {
    $('#result').append( $(this).data('title') );
});

Answer 2

$('#collection').children().each( function(index, child) {
    $('#result').append( $(child).data('title') );
});

each() 中的第二个参数是原生 DOM 元素，而第一个参数是循环的索引。当迭代一组 jQuery 元素时，您还可以将每个元素用作链式函数，并且this还可以引用循环内的元素。

Answer 3

如果each()是第一个参数index，则使用第二个。

$.each( $('#collection').children(), function(index, child) {
    $('#result').append( $(child).data('title') );
});

Answer 4

试试这个，

$.each( $('#collection').children(), function(index, child) {
  $('#result').append( child.data('title') );
});

Answer 5

我认为你必须抓住里面的 div 的索引，#collection而不是$.each你可以.each用来迭代：

$('#collection div').each(function(i) {
    $('#result ul').append('<li>' + $('#a'+parseFloat(i+1)).data('title')+'</li>');
});

检查小提琴：http: //jsfiddle.net/J5Fjf/4/