jquery trovare più vicino fratello precedente con classe

Question

Ecco il codice html di massima ho potuto lavorare con:

<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> 

Ho bisogno di attraversare dalla .current_sub, trovare il più vicino precedente .par_cat e fare cose ad esso.

.find("li.par_cat") restituisce l'intero carico di .par_cat (ne ho circa 30 nella pagina). Ho bisogno di scegliere il singolo.

Sarebbe davvero apprezzare qualche consiglio :)

Answer 1

Prova:

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

provato con il vostro codice:

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

riempiranno il più vicino precedente li.par_cat con "Woohoo".

Answer 2

Prova

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

Answer 3

Utilizzando prevUntil() ci permetterà di ottenere un fratello lontano senza dover ottenere tutto. Ho avuto un set particolarmente lungo che richiedeva troppo CPU usando 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(); 

Questo diventa il primo fratello precedente se corrisponde, altrimenti si ottiene il fratello precedente a quello che corrisponde, quindi abbiamo di nuovo di prendere il largo con prev() per ottenere l'elemento desiderato.

Answer 4

Credo che tutte le risposte mancano qualcosa. Preferisco l'utilizzo di qualcosa di simile

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

Salva non aggiungere: prima all'interno del selettore ed è più facile da leggere e capire. metodo prevUntil() ha una prestazione migliore pure piuttosto che utilizzare prevAll()