JQuery найти ближайший предыдущий родственный с классом

Question

вот грубый HTML я работаю с:

<li class="par_cat"></li> 
<li class="sub_cat"></li> 
<li class="sub_cat"></li> 
<li class="par_cat"></li> // this is the single element I need to select 
<li class="sub_cat"></li> 
<li class="sub_cat"></li> 
<li class="sub_cat current_sub"></li> // this is where I need to start searching 
<li class="par_cat"></li> 
<li class="sub_cat"></li> 
<li class="par_cat"></li> 

мне нужно пройти от .current_sub, найти ближайший предыдущий .par_cat и делать вещи к нему.

.find("li.par_cat") возвращает всю нагрузку .par_cat (у меня около 30 на странице). Мне нужен целевой сингл.

бы действительно признателен за любые советы :)

Answer 1

Try:

$('li.current_sub').prevAll("li.par_cat:first"); 

Испытано его с разметкой:

$('li.current_sub').prevAll("li.par_cat:first").text("woohoo"); 

пополнит ближайший предыдущий li.par_cat с "Woohoo".

Answer 2

Попробуйте

$('li.current_sub').prev('.par_cat').[do stuff]; 

Answer 3

Использование prevUntil() позволит получить отдаленное родственный, не имея, чтобы получить все. У меня был особенно длинный набор, который был слишком интенсивным с использованием prevAll().

var category = $('li.current_sub').prev('li.par_cat'); 
if (category.length == 0){ 
    category = $('li.current_sub').prevUntil('li.par_cat').last().prev(); 
} 
category.show(); 

Это получает первый предыдущий одноуровневый, если она соответствует, в противном случае он получает родственный предшествующую тот, который соответствует, так что мы просто обратно один больше с пред(), чтобы получить нужный элемент.

Answer 4

Я думаю, что во всех ответах чего-то не хватает. Я предпочитаю использовать что-то вроде этого

$('li.current_sub').prevUntil("li.par_cat").prev(); 

Сохраняет, что вы не добавляете: сначала внутри селектора, и его легче читать и понимать. Метод prevUntil() имеет лучшую производительность, а не использование prevAll()