jQuery：選擇祖父母

Question

有沒有更好的方法來選擇jQuery中的祖父母元素，以避免這種情況？

$(this).parent().parent().parent().parent().parent().children(".title, .meta").fadeIn("fast"); 

謝謝。

Answer 1

如果你使用1.4有一個新的parentsUntil()方法

http://api.jquery.com/parentsUntil/

Answer 2

使用parents()您可以使用它匹配家長對選擇

http://api.jquery.com/parents/

還是parents()方法選擇器獲取元素的所有父項。然後，您可以搜索該集合，或者如果要影響所有祖先，可以對其進行迭代。

Answer 3

除了parents()，正如他們所說，你也應該check out closest()。在那裏的文檔中閱讀比較，但它的主要區別在於它只搜索一個結果，它包括$(this)它的搜索結果（如果你不夠詳細，可以從中找到你要搜索的東西）。優點和缺點。

Answer 4

我寫了這個簡單的插件，因爲我認爲我有一個明確的類選擇某處給我的錯誤。對於這種特殊情況，選擇祖父母似乎比$().parents()更直接。

那麼，我用這一次然後意識到我實際上有一個拼寫錯誤。不知道它真的有多大幫助。 $('myelem').gparent(2);讓你成爲'myelem'的祖父母。

(function($){ 
$.fn.gparent = function(recursion){ 
    if(recursion == undefined) recursion = 2; 
    if(typeof(recursion) == "number"){ 
     recursion = parseInt(recursion); 
     if(recursion > 0){ 
      gparent_holder = $(this); 
      for(var gparent_i = 0; gparent_i < recursion; gparent_i++){ 
       gparent_holder = gparent_holder.parent(); 
      } 
      return gparent_holder; 
     } 
     else return false; 
    } 
    else return false; 
} 
})(jQuery); 

Answer 5

@Femi有了答案要做到這一點，並提到遞歸，但他的解決辦法是不遞歸的，以下是獲取項目的祖先遞歸jQuery的解決方案：

$.fn.gparent = function(recursion){ 
    console.log('recursion: ' + recursion); 
    if(recursion > 1) return $(this).parent().gparent(recursion - 1); 
    return $(this).parent(); 
}; 

如果這是你的HTML：

<div id='grandparent'> 
    <div id='parent'> 
    <div id='child'> 
     child 
    </div> 
    </div> 
</div> 

您可以撥打

console.log($('#child').gparent(2)); 

得到元素child的祖父母。 Here's the JSFiddle