Get row number of current element in table structure

Question

I have a HTML structure like below:

<tbody>
    <tr>
        <td></td>
        <td></td>
        <td><a booking="1" class="event_start"></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td><a booking="1" class="booking_end"></td>
        <td></td>
        <td></td>
    </tr>
</tbody>

I need jQuery for booking_end click event which tells which row it is in, and which td booking_start is in, booking_start and booking_end are linked by an attribute booking.

So on click in above case I need output 2,3. where 2 is the tr number in which booking_end exists and 3 is the td number in which its booking_start exists.

http://stackoverflow.com/questions/11026738/jquery-selector-to-find-content-of-td Try this — LONGHORN007, Apr 29 '16 at 09:03

score 1 · Answer 1 · answered Apr 29 '16 at 09:04

You can get the element index with its siblings. Use the index function that returns the zero-based index.

You will need to use the function on the row itself, e.g.

$('a').click(function()
{
     var self = $(this),
         row = self.closest('tr'),
         rowIndex = row.index();

     // do something with rowIndex
});

Get row number of current element in table structure

1 Answers1