Trong Jquery làm thế nào để bạn tìm ra 'eq' của một yếu tố của những gì đang được nhấp?

Question

Khi một trong các div bên trong 'uploadChoice' được nhấp vào, làm thế nào tôi có thể xác định được cái nào được nhấp? Tôi có thể trả lại giá trị 'eq' bằng cách nào đó không?

<div id=uploadChoice> 
    <div>Text</div> 
    <div>Image</div< 
    <div>Text & Image</div> 
</div> 



$("#uploadChoice div").click(function(){ 
    //insert code here! :) 
}); 

Answer 1

$('#uploadChoice div').click(function(event) { 
    var index = $(this).index(); 
}); 

Answer 2

Bạn có thể nhận được các nội dung của div với

$("#uploadChoice div").click(function(){ 
    var choice = $(this).html; 
} 

Và sau đó chỉ cần làm một câu lệnh switch hoặc một số ifs lồng nhau.

Cá nhân, tôi sẽ thêm ID cho từng div và chỉ cần kiểm tra ID của phần tử được nhấp.

Answer 3

Một thay thế dễ dàng hơn mà không cần sao chép một selector là sau

$('#uploadChoice div').click(function(event) { 
    var index = $(this).prevAll().length; 
}); 

Answer 4

Bạn có thể thêm selectors là tốt, và vượt qua "$ (this)" như là đối số:

$(document).on('click', 'button.testbutton', function() { 
 
    
 
    var index = $('div.example > div.xyz').find('button.testbutton').index($(this)); 
 

 
});