<table>
   <tr>
      <td>me</td>
      <td>you</td>
      <td>we</td>
   </tr>
</table>

Using Jquery i want to know which childrin was clicked and get the number of this childrin. like, if I click you, i want to get 2 and if we, then 3.. if me, then 1.

is there something like .nthchild(); in Jquery?

here is my fiddle to test: /

<table>
   <tr>
      <td>me</td>
      <td>you</td>
      <td>we</td>
   </tr>
</table>

Using Jquery i want to know which childrin was clicked and get the number of this childrin. like, if I click you, i want to get 2 and if we, then 3.. if me, then 1.

is there something like .nthchild(); in Jquery?

here is my fiddle to test: http://jsfiddle/vfp9x/

• javascript
• jquery
• html

Share Improve this question Follow edited Jul 1, 2014 at 7:01 doniyor asked Jul 1, 2014 at 6:53 doniyordoniyor 38k6161 gold badges181181 silver badges270270 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 9

Simply use $(this).index(), you also have wrong id for table in live demo, it should be table1

Remember the index is zero based so you will get zero 0 for first element and 1 for second element and so on.

Live Demo

$('#table1').on('click', 'td', function () {    
    $('#out').text($(this).index()+1);
});

.index()

If no argument is passed to the .index() method, the return value is an integer indicating the position of the first element within the jQuery object relative to its sibling elements.

Try,

$('#table1').on('click','td',function(){
    var child_number = $(this).closest('tr').find('td').index(this);
    $('#out').text(child_number);
});

DEMO

---

Simply use .index() as per the other answer provider suggested, and also keep this way of getting the index also. it would helpful for you in some other contexts, like getting the index of the current element from a collection of elements (not siblings to each other)

Try Like

$("#ul").on('click', 'td', function () {
    debugger;
    alert(this.id);    
});

Demo