En Jquery, ¿cómo averiguas la 'eq' de un elemento de lo que se está haciendo clic?

Question

Cuando se hace clic en uno de los divs dentro de 'uploadChoice', ¿cómo puedo determinar cuál se hace clic? ¿Puedo devolver un valor 'eq' de alguna manera?

<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

Usted puede obtener el contenido del div con

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

Y luego simplemente hacer una declaración switch o algunos ifs anidados.

Personalmente, sin embargo, agregaría una ID a cada uno de los divs y simplemente verificaría la ID del elemento en el que se hizo clic.

Answer 3

Una alternativa más fácil que no requiere la duplicación de un selector es el siguiente

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

Answer 4

Puede agregar selectores también, y pasar a "$ (this)" como argumento:

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

 
});