jQuery - 在其更改处理程序中查找当前选择元素的行号

Question

我有一张 table 。该表中有选择元素。如何从 select 的事件处理程序中找到哪个表行是 select 元素:

$('#selectElemID').live('change', function(){...});

谢谢

Answer 1

编辑(两年后):请不要按照我之前描述的方式进行操作，这完全是浪费，因为表行已经有 rowIndex属性，因此无需计算任何内容:

$('#selectElemID').live("change", function (){
    alert($(this).closest("tr")[0].rowIndex);
});

Demo.

<silliness>

如果您想要当前选择元素的行号(这是我从问题中了解到的)，这应该可以做到:

$('#selectElemID').live('change', function(){
    alert($(this).closest("tr").prevAll("tr").length + 1);
});

解释一下:

$(this).closest("tr")

表示选择最接近的父代 tr此选择元素的。

.prevAll("tr").length + 1

表示选择所有之前行，并获取返回集合的长度。将其加一即可获取当前行号，因为我们的位置是之前的行总数 + 1。

了解更多信息:

• http://api.jquery.com/prevAll/
• http://api.jquery.com/closest/

</silliness>