In Jquery come si scopre l'eq di un elemento di ciò che viene cliccato?

Question

Quando si fa clic su una delle div all'interno di "uploadChoice", come posso verificare quale viene cliccato? Posso restituire un valore "eq" in qualche modo?

<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

È possibile ottenere il contenuto del div con

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

E poi basta fare un'istruzione switch o qualche if nidificati.

Personalmente, tuttavia, aggiungerei un ID a ciascuna div e controllerei semplicemente l'ID dell'elemento cliccato.

Answer 3

Un'alternativa più semplice che non richiede la duplicazione di un selettore è la seguente

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

Answer 4

È possibile aggiungere selettori così, e passare "$ (this)" come argomento:

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

 
});