無法檢查特定的父元素

Question

我想檢查一個元素是否有父/祖父母與某個類。我的代碼無法正常工作：

js fiddle

的JavaScript：

$("body").on("click", function (e) { 
    if ($(e.target).parents(".granny")) alert("you have a granny"); 
}); 

Answer 1

if($(e.target).parents(".granny"))，因爲你正在檢查的jQuery對象，這是一個truthy值將永遠是正確的。

檢查length屬性：

if($(e.target).parents(".granny").length) 

當父搜索，closest()可能因爲它是更快的方式很有意思。它不循環所有父母，一旦找到匹配就停止。

雖然parents不會停止，直到它到達文檔的根，.parents()不包括目標本身。這意味着你點擊.granny直接（它成爲e.target），而使用closest，警報將彈出，而parents不會。

知道了，你是你真正需要什麼方法的唯一方法。

Answer 2

當您使用closest()時，一旦匹配就會停止。

$("body").on("click", function(e){ 
    if($(e.target).closest(".granny").length){ 
     alert("you have a granny"); 
    } 
}); 

fiddle