获取由类名标识的td元素的位置(索引)

时间:2012-05-09 13:32:47

标签: jquery


我有这个代码

<tr id="3" class="gradeA odd focus row_selected">
    <td class="center">Kids Footwear 2</td>
    <td class="sorting_1 center focus">200</td>
    <td class="center">50</td>
    <td class="center">200</td>
    <td class="center">30-34</td>
    <td class="center">234-343</td>
    <td class="center">200</td>
    <td class="center">25</td>
    <td class="center">1.23</td>
</tr>

我想获取包含类<td>

focus元素的索引值

因此,如果在<td>元素内设置了焦点类

first `<td>` then return 0
second `<td>` then return 1
third `<td>` then return 2 

等等。我在jQuery中使用它吗?

谢谢。

1 个答案:

答案 0 :(得分:2)

您可以使用index方法。如果您有多个tr元素包含tdfocus,那么您可能希望使选择器特定于您关注的tr

var index = $("td.focus").index();

来自jQuery文档:

  

如果没有将参数传递给.index()方法,则返回值为   一个整数,表示第一个元素在其中的位置   jQuery对象相对于它的兄弟元素。

更新(见评论)

您可以使用childrenfind获取td中的tr元素,然后使用上述代码:

var index = tr.find("td.focus").index();