In Jquery how do you find out the 'eq' of an element of what is being clicked?

Question

When one of the divs inside 'uploadChoice' is clicked, how can I ascertain which one is clicked? Can I return an 'eq' value somehow?

 <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 = $('#uploadChoice div').index(this);
});

Answer 2

You can get the contents of the div with

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

And then just do a switch statement or some nested ifs.

Personally though, I'd add an ID to each of the divs and just check the ID of the clicked element.

Answer 3

An easier alternative that does not require duplicating a selector is the following

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