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

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通过属性booking链接。

因此，在上述情况下单击，我需要输出2,3. 其中2是booking_end存在的tr数，3是其booking_start存在的td数。

Answer 1

您可以获取元素索引及其同级索引。 使用返回从零开始的索引的 index 函数。

您需要在行本身上使用该函数，例如

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