JQuery: Làm thế nào để chọn tất cả các phần tử với cùng một lớp bên cạnh một lớp được nhấp?

Question

Tôi đoán tôi đang tìm kiếm một đối diện với $ (this).

Nếu tôi có 3 phần tử với cùng một lớp thì làm cách nào tôi có thể chọn chỉ các phần tử tôi chưa nhấp vào. EG:

<div class="test"></div> 
<div class="test"></div> 
<div class="test"></div> 

Và tôi nhấp vào div giữa, làm cách nào để chỉ triển khai hiệu ứng trên phần tử đầu tiên và cuối cùng?

Answer 1

Bạn có thể sử dụng not():

$('div.test').click(function(){ 
    var notClicked = $('.test').not(this); 
}); 

Answer 2

Hãy thử điều này:

$('.test').bind('click', function() { 
    var not_clicked_elements = $(this).siblings('.test'); 
}; 

Answer 3

Bạn có thể sử dụng "not" selector.

Answer 4

bạn có thể sử dụng này:

$(document).on("click",".test ",this,function(e){ 
 

 
    alert($(this).text()); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="test">nicole</div> 
 
<div class="test">charlize</div> 
 
<div class="test">megan</div>