Seleziona genitore e tutti i suoi fratelli

Question

Voglio selezionare un elemento genitore ed è suo fratello. Tuttavia, la scelta dello .parent().siblings() non include il genitore del genitore originale.

$(this).parent().siblings().removeClass("active"); 

Come posso selezionare anche i fratelli del genitore e il genitore stesso? Il metodo di

Answer 1

utilizzare jQuery addBack():

$(this).parent().siblings().addBack().removeClass("active"); 

Questo seleziona i fratelli di un elemento, e se stessa, in modo che è possibile rimuovere la classe.

Se si utilizza una versione jQuery inferiore a 1,8, utilizzare invece andSelf().

Aggiornamento: Ho aggiunto un esempio qui sotto per mostrare esattamente cosa farà questo metodo.

$('.active a').click(function(){ 
 
    $(this).parent().siblings().addBack().removeClass("active"); 
 
});

.active {background: yellow}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="active">I'm active. <a href="#">Remove all active</a></div> 
 
<div class="active">I'm active. <a href="#">Remove all active</a></div> 
 
<div class="active">I'm active. <a href="#">Remove all active</a></div> 
 
<div class="active">I'm active. <a href="#">Remove all active</a></div> 
 
<div class="active">I'm active. <a href="#">Remove all active</a></div>