使用jQuery查找表行索引

Question

我是jQuery的中间用户.我知道使用jquery找到表的rowIndex,但我的场景是另一个.我的表(GridView)由20列组成,每列包含不同的控件,如文本框,下拉列表,图像,标签.所有都是每行中的服务器端控件.我将gridview与数据库中的记录绑定在一起.现在,当我点击任何控件或任何文本框的更改时,我需要获取该更改列的行的rowIndex.这是我用户的代码:

$("#gv1 tr input[name $= 'txtName']").live('click', function(e){
   alert($(this).closest('td').parent().attr('sectionRowIndex'));
});

但是我无法获得rowIndex.如果我在gridview中使用任何html控件,我就能得到rowIndex.当点击gridview中的服务器控件时,有没有办法找出rowIndex？

Answer 1

试试这个:

var rowIndex = $(this)
    .closest('tr') // Get the closest tr parent element
    .prevAll() // Find all sibling elements in front of it
    .length; // Get their count

Answer 2

sectionRowIndex是<tr>元素的属性,而不是属性.

修改示例代码的正确方法是使用零索引器访问jQuery项,如下所示:

$("#gv1 tr input[name $= 'txtName']").live('click', function(e){
   alert($(this).closest('td').parent()[0].sectionRowIndex);
});

这将为您返回正确的行索引.另外,如果你打算使用jQuery的.closest()函数来遍历DOM .parent(),那么为什么不编译那两个并且只是遍历到最接近的<tr>元素？

$("#gv1 tr input[name $= 'txtName']").live('click', function(e){
   alert($(this).closest('tr')[0].sectionRowIndex);
});

这也将处理父 - >子关系不完全符合您预期的奇怪情况.例如,如果你链接a $(this).parent().parent()然后决定用另一个div或span包裹你的内部单元格,你可能搞砸了这种关系.这.closest()是确保它始终有效的简单方法.

当然,我的代码示例正在重复使用上面提供的示例.您可能希望首先使用更简单的选择器进行测试以证明其有效,然后优化您的选择器.