Question

172

jQuery syntax for finding row index in a HTML table

rated 0 times [ 175] [ 3] / answers: 1 / hits: 22337 / 13 Years ago, wed, february 1, 2012, 12:00:00

1) How do I find the row number/index in a HTML table? The generated table doesn't have any id for row.

eg: I have a plain HTML table generated, which has 10 rows,
I am adding rows dynamically to this table.(in between existing rows)

Since I am adding new row, the existing row index will change. Now I need to to find the index of each row before adding the new row.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

travion

Add To Favorites

Follow

Total Points: 137

Total Questions: 96

Total Answers: 103

Location: India

Member since Wed, Aug 4, 2021

3 Years ago

travion questions

1 Tagify set data in tagify input on click

Mon, Dec 16, 19, 00:00, 5 Years ago

1 Laravel - How to Import Vue Component to Another Component

Sat, Oct 19, 19, 00:00, 5 Years ago

1 Date conversion in react js

Fri, Sep 20, 19, 00:00, 5 Years ago

1 How can I style react semantic components?

Wed, Nov 14, 18, 00:00, 6 Years ago

1 Problem with onChange for Masked Input in React

Sun, Oct 28, 18, 00:00, 6 Years ago

View All

answered 13 Years ago havenbilliec · Accepted Answer

1) How do i find the row number/index in a HTML table? The generated table dosen't have any id for row.

If you mean that you already have a row, and you need its index, don't use jQuery to get it. Table rows maintain their own index via the rowIndex property.

$('table tr').click(function() {



    alert( this.rowIndex );  // alert the index number of the clicked row.



});

Demo: http://jsfiddle.net/LsSXy/