Jquery使用數據對象查找具有HTML5數據屬性的元素

Question

我在父div中查找具有特定HTML5數據屬性的子元素。 這段代碼工作正常：

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

然后我發現你可以使用Jquery的數據對象找到HTML數據屬性http://api.jquery.com/data/#data-html5

所以我試過......

$('#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
})