获取表结构中当前元素的行号

Question

我有一个HTML结构，如下所示：

<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>

我需要jQuery用于booking_end点击事件，它告诉它在哪一行，以及td booking_start在哪个，booking_start和booking_end由一个属性{{ {1}}。

所以点击上面的情况我需要输出booking。其中2,3是2存在tr的数字，而booking_end是其3存在的标识号。

Answer 1

您可以使用其兄弟姐妹获取元素索引。使用返回从零开始的索引的index函数。

您需要在行本身上使用该功能，例如

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

     // do something with rowIndex
});