Question

I have the following markup:

<div id="one">
   <div></div>
   <div></div>
   <div></div>
</div>

Now, as we see there is one container with three children within it.

My question is, If I click the second div child, how can I get an alert message with the proper selector?

Something like 'body div#one:nth-child(2)', or something similar.

Hope I was clear enough. Thanks in advance!

Answer 1

$('#one').children().click(function(){
    alert('item : '+$(this).index()+" html: "+$(this).html()); // Will alert current child's index and html   
});​

An example is here.