Wählen Sie ein Element und seine Geschwister

Question

ein Element und seine Geschwister Makeln kann erreicht werden: sie funktioniert nicht

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

Kombination:

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

Wie beide zur gleichen Zeit ausgewählt werden kann ?

Answer 1

Während übrigens diese Frage bereits answered by drinchev gewesen Ich dachte, ich würde dieses schnelle Experiment einfügen, nachdem ich die Frage gelesen habe, was auch funktioniert. Wenn auch nur ... es mich überrascht, wenn es tat:

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

JS Fiddle demo.

Übrigens, eine JS Perf loose comparison of the two selector approaches.

---

Herausgegeben ein IE- (soweit ich weiß) -friendly Update hinzufügen, wenn auch ich zur Zeit alle Browser damit Satteln, anstatt Feature-Erkennung (auch ich schließlich erkennen, dass blau ! = grün):

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

Für jQuery 1.8+ verwenden .addBack():

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

Für frühere jQuery Versionen verwenden den veralteten .andSelf() Aufruf (siehe demo):

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

Answer 3

für i.Vj. Geschwister und mich selbst:

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

für alle Geschwister und mich selbst:

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

Answer 4

auch funktioniert:

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