javascript - 对于每个具有特定属性的元素 - Javascript

Question

我尝试查找具有特定属性的所有元素。对于每个元素，我想做一些依赖于属性值的事情。

我做了一个测试来取回属性的值，但它不起作用，而且我没有看到问题。

HTML:

<div id="t">Test</div>
<div data-test="One">Value One</div>
<div data-test="Two">Value Two</div>

JS:

$("[data-test]").each(function(){
    $("#t").append(this.attr("data-test"));
});

JsFiddle链接:http://jsfiddle.net/fbue5dpc/

谢谢!

Answer 1

each block 中的

this 引用没有 attr 方法的 DOM 元素。您应该使用 $(this) 将其转换为 jQuery 对象。您还可以通过使用 data 方法检索值并缓存 #t 元素来进一步改进这一点，以减少 DOM 检索的次数:

var $t = $('#t')
$("[data-test]").each(function(){
    $t.append($(this).data('test'));
});

Updated fiddle