jQuery - 获取控件的td单元索引

时间:2012-02-05 16:15:03

标签: jquery

**编辑**我很抱歉。我需要td索引,而不是行索引。

使用jQuery,如何获取td lblName的索引?

       <table>
            <tr>
                <td>
                </td>
                <td>
                    <label id="lblName" />
                </td>
                <td>
                </td>
            </tr>
        </table>

4 个答案:

答案 0 :(得分:20)

更新更新的问题:

$('#lblName').parent().index();

document.getElementById('lblName').parentNode.cellIndex

原始答案:

使用.index()

$('#lblName').closest('tr').index();

.index()方法有一些不同的使用模式。

这意味着“获取与选择器匹配的第一个元素,并在其兄弟姐妹中返回其基于零的位置索引”


或者原生,这样做......

document.getElementById('lblName').parentNode.parentNode.rowIndex

或将两者合并......

$('#lblName').closest('tr')[0].rowIndex;

答案 1 :(得分:0)

var index = $('#lblName').closest('tr').index();

答案 2 :(得分:0)

$("table tr").index($("#lblName").parents("tr:first"))

答案 3 :(得分:0)

希望,这段代码可以提供任何帮助。

您可以将带有parentsUntill()的index()用于该TD的父TR元素。

示例http://jsfiddle.net/ylokesh/bGvHZ/

$('#lblName').parentsUntil('tr').index()