Chọn phụ huynh và tất cả các anh chị em của nó

Question

Tôi muốn chọn một phần tử cha và đó là anh chị em ruột. Tuy nhiên, việc chọn .parent().siblings() không bao gồm phụ huynh gốc của elment.

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

Làm cách nào để tôi có thể chọn anh chị em của cha và mẹ? addBack() phương pháp

Answer 1

Sử dụng jQuery:

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

này sẽ chọn anh chị em của một nguyên tố, và bản thân, vì vậy mà bạn có thể loại bỏ các lớp.

Nếu bạn đang sử dụng phiên bản jQuery nhỏ hơn 1.8, hãy sử dụng andSelf() để thay thế.

Cập nhật: Tôi đã thêm ví dụ bên dưới để cho biết chính xác phương pháp này sẽ làm.

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