jQuery hasData作爲鏈？

Question

是否有可能檢查鏈中是否存在hasData？

E.g：

<div data-foo="yes">Foo</div> 

$("div").hasData("foo").css("color","red"); 

Answer 1

(function ($) { 
    $.fn.hasData = function (data) { 
     if (this.data(data)) return this; 
     else return null; 
    }; 
})(jQuery); 

Answer 2

jQuery的方法鏈接仍然服從JS的規則。由於hasData返回布爾值，並且布爾值不具有jQuery方法，所以這不起作用。

要做到這一點，最簡單的方法是修改您的選擇使原來的收集已經過濾：

$("div[data-foo]") 

Answer 3

嘗試使用.filter代替：

$("div").filter(function(){ 
    return $(this).data("foo"); 
}).css("color","red"); 

，甚至只是一個屬性選擇：

$("div[data-foo]").css("color","red"); 

Answer 4

Demo

$("div[data-foo=yes]").css("color","red");