Seleccione un elemento y sus hermanos

Question

Conmutación un elemento y sus hermanos pueden llevarse a cabo como:

$(this).toggle(); 
$(this).prev().toggle(); 

integración de estas plantas no funciona:

$(this,$(this).prev()).toggle(); 

¿Cómo puede tanto seleccionarse a la vez ?

Answer 1

Por cierto, mientras que esta cuestión ya ha sido answered by drinchev , Pensé en pegar este experimento rápido que acabo de hacer, después de leer la pregunta, que también funciona. Aunque ... me sorprendió cuando lo hizo:

$('#recipient').click(
    function(){ 
     var pair = [this, this.previousElementSibling]; 
     $(pair).toggleClass('red green'); 
    });​ 

JS Fiddle demo.

Por cierto, un JS Perf loose comparison of the two selector approaches.

---

Editado para añadir un IE-(por lo que yo sé) -Friendly actualización, aunque actualmente estoy ensillar todos los navegadores con él, en lugar de función de detección (también, por fin se dio cuenta de que el azul ! = verde):

function pESibling(n){ 
    var nPS = n.previousSibling; 
    if (!n || nPS === null){ 
     return false; 
    } 
    else if (nPS.nodeType == 1){ 
     return nPS; 
    } 
    else { 
     return pESibling(nPS); 
    } 
} 

var that = document.getElementById('recipient'), 
    pair = [that, pESibling(that)]; 
$(pair).toggleClass('red green'); 
console.log(pair); 
​ 

JS Fiddle demo

Answer 2

para jQuery 1.8+, utilice .addBack():

$(this).prev().addBack().toggle(); 

Para versiones anteriores de jQuery, utilice el desuso .andSelf() llamada (consulte demo):

$(this).prev().andSelf().toggle(); 

Answer 3

para los hermanos y prev auto:

$(this).prev().andSelf().toggle(); 

para todos los hermanos y auto:

$(this).parent().children().toggle(); 

Answer 4

también funciona:

$(this).prev().add($(this)).toggle()