Ebeveyn ve bütün kardeşleri seç

Question

Ebeveynler ve kardeşleri seçmek istiyorum. Bununla birlikte, .parent().siblings()'u seçmek, orijinal seçimin üst öğelerini içermez.

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

Ebeveynin kardeşlerini ve üst öğenin kendisini de nasıl seçebilirim?

Answer 1

Kullanım jQuery'nin addBack() yöntemi: sınıfını kaldırmak böylece

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

Bu, kendisi de bir elementin kardeşleri seçer ve.

1.8'in altında jQuery sürümü kullanıyorsanız, bunun yerine andSelf() kullanın.

Güncelleştirme: Bu yöntemin ne yapacağını tam olarak göstermek için aşağıdan bir örnek ekledim.

$('.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>