In Jquery wie finden Sie die 'eq' eines Elements von was geklickt wird?

Question

Wenn eines der divs in 'uploadChoice' angeklickt wird, wie kann ich feststellen, auf welches geklickt wurde? Kann ich irgendwie einen 'eq'-Wert zurückgeben?

<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

Sie können den Inhalt des div mit

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

und dann eine switch-Anweisung oder einige verschachtelten ifs gerade tun.

Persönlich würde ich jedoch eine ID zu jedem divs hinzufügen und nur die ID des angeklickten Elements überprüfen.

Answer 3

Eine einfachere Alternative, die benötigt keinen Selektor Duplizieren der folgenden ist

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

Answer 4

Sie können auch Selektoren hinzufügen und "$ (this)" als Argument übergeben:

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

 
});