jquery - 获取由类名标识的 td 元素的位置（索引）

Question

我有这个代码

<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 中使用这个？

谢谢你。

Answer 1

您可以使用该index方法。如果您有多个tr包含 a 类的元素，td那么focus您可能希望使选择器特定于tr您关心的：

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

来自 jQuery 文档：

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

更新（见评论）

您可以使用children或find从 中获取td元素tr，然后使用上面的代码：

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