jquery怎样查询当前元素是第几个tr

第一段

在jQuery中，有一个index()方法可以查询当前元素是在同级元素中排第几个，它的语法如下：

    element.index([selector])

其中，element表示要查询的元素，selector是可选参数，表示在哪些元素中查询。

下面是一个简单的HTML结构，包含两个table，每个table中有多个tr：

    

        
Row 1, Table 1
        
Row 2, Table 1
        
Row 3, Table 1
    
    

        
Row 1, Table 2
        
Row 2, Table 2
        
Row 3, Table 2
    

假设我们要查询第一个table中第二个tr的位置，可以使用以下代码：

    $("table:first-child").find("tr:nth-child(2)").index()

代码中首先使用 :first-child 选择器选中第一个table，接着使用 find() 方法找到table中所有的 tr 元素，再使用 :nth-child(2) 选择器选中第二个 tr，最后调用 index() 方法查询该元素的位置。由于 jQuery 是从 0 开始计数的，因此该代码的返回值为 1。

第二段

如果要查询某个元素是在指定元素的哪个位置，可以在 index() 方法中传入一个选择器，在指定的元素中查找该元素的位置。

下面的示例代码中包含一个 div 和两个 p 元素：

    

        
Paragraph 1
        
Paragraph 2
    

假设我们要查询第二个 p 元素在其父元素 div 中的位置，可以使用以下代码：

    $("p:eq(1)").index("div")

代码中首先使用 :eq() 方法选择第二个 p 元素，然后调用 index() 方法，在 div 元素中查找该元素的位置。由于 jQuery 是从 0 开始计数的，因此该代码的返回值为 1。

第三段

如果要查询某个元素在文档中的位置，可以使用 index() 方法的第一个参数省略不传。

下面的示例代码中包含一个 div 和两个 p 元素：

    

        
Paragraph 1
        
Paragraph 2
    

假设我们要查询第二个 p 元素在整个文档中的位置，可以使用以下代码：

    $("p:eq(1)").index()

代码中首先使用 :eq() 方法选择第二个 p 元素，然后调用 index() 方法查询该元素在整个文档中的位置。由于该元素是文档的第三个元素，因此该代码的返回值为 2。

第四段

如果某个元素不在选择器的范围内，index() 方法会返回 -1。下面的示例代码中只包含一个 div 元素：

    

        
Paragraph 1
        
Paragraph 2
    

假设我们要查询 div 元素在第一个 p 元素中的位置，可以使用以下代码：

    $("div").index("p:first")

由于 div 元素并不在 p:first 的范围内，因此该代码的返回值为 -1。

总结

通过使用 index() 方法，我们可以查询一个元素在其同级元素、特定元素内或整个文档中的位置。index() 方法的语法很简单，只需要指定要查询的元素和可选的查询范围即可。需要注意的是，jQuery 使用 0-based 索引，因此返回值要减去 1 才是实际的位置。

综上所述，index() 方法是一个非常实用的 jQuery 方法，可以帮助我们快速查询、定位元素在文档中的位置，节省开发时间和提高开发效率。