Jqueryでは、クリックされている要素の 'eq'はどうやってわかりますか？

Question

「uploadChoice」内のdivの1つがクリックされたとき、クリックされたものをどのように確認できますか？どういうわけか 'eq'値を返すことはできますか？

<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

あなたは

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

でのdivの内容を取得してからちょうどswitchステートメントまたはいくつかのネストされたIFSを行うことができます。

個人的には、各divにIDを追加して、クリックされた要素のIDを確認します。

Answer 3

セレクタを複製する必要はありません簡単に代替は、以下の

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

Answer 4

あなたは、同様のセレクタを追加し、引数として「$（この）」を渡すことができます：

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

 
});