Jquery使用数据对象查找具有HTML5数据属性的元素

Question

我在父div中查找具有特定HTML5数据属性的子元素。这段代码工作正常：

$('#parent').find('*[data-something]').css('color', 'red');

然后我发现你可以使用Jquery的数据对象http://api.jquery.com/data/#data-html5找到HTML数据属性

所以我试过......

$('#parent').find($("#parent").data("something")).css('color', 'red');

......它不起作用。有谁知道为什么？

JSFIDDLE：http://jsfiddle.net/Qct9v/

注意：我必须使用find()，因为我需要搜索子元素。

Answer 1

它不起作用，因为data()不是过滤方法，它是用于获取/设置数据值的getter / setter方法。

如果您想使用jQuery数据，请尝试类似

的内容

$("body").find('*').filter(function(){
    return $(this).data('something') != undefined
})