jQuery encontrar más cercano hermano anterior con la clase

Question

aquí está el código HTML en bruto llego a trabajar 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> 

tengo que recorrer desde el .current_sub, encontrar el más cercano anterior .par_cat y hacer cosas a ella.

.find("li.par_cat") devuelve la carga completa de .par_cat (tengo alrededor de 30 en la página). Necesito apuntar el único.

Realmente agradecería algún consejo :)

Answer 1

Probar:

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

Probado con su margen de beneficio:

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

llenará el más cercano anterior li.par_cat con "Woohoo".

Answer 2

Trate

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

Answer 3

Usando prevUntil() nos permitirá llegar a un hermano lejano sin tener que obtener toda. Tenía un conjunto particularmente largo que era demasiado intensivo de 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(); 

Esto consigue el primer hermano precedente si coincide, de lo contrario se pone el hermano inmediatamente anterior a aquél que coincide, por lo que acaba de regresar un más con prev() para obtener el elemento deseado.

Answer 4

Creo que todas las respuestas carecen de algo. Yo prefiero usar algo como esto

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

ahorra no añadir: en primer lugar dentro del selector y es más fácil de leer y entender. El método prevUntil() tiene un mejor rendimiento en lugar de utilizar prevAll()