Более эффективный способ сделать несколько родителей

Question

Есть ли более эффективный способ сделать следующее?

$(this).parent().parent().parent().parent().parent().addClass('finished'); 

Обратите внимание, что мне нужно parent концепцию, потому что у меня есть несколько похожих элементов на странице.

Answer 1

Если цель состоит в том, чтобы получить Nth родителя, вы можете смешать .parents(selector) с :eq() selector, отметив, что :eq(0) получает 1-й пункт:

$(this).parents(':eq(4)').addClass('finished'); 

Answer 2

Если у вас есть какой-либо способ, чтобы получить элемент с селектором CSS, вы можете сделать это:

$(this).parents('selector'); 

.parents()

Answer 3

Если это то, что вы используете много, и добавление собственных селекторы не вариант, вы можете просто создать свой собственный метод, чтобы получить то, что вы хотите, а также:

$.fn.parent_num = function(num) { 
    var elem = []; 
    this.each(function() { 
     var el = this; 
     while(num>0) { 
      if (el.parentNode) el = el.parentNode; 
      num--; 
     } 
     elem.push(el); 
    }); 
    return $(elem || this); 
}; 

использоваться как:

$(this).parent_num(5).addClass('finished'); 

FIDDLE