Question

我有

var output = '<tr>'+
               '<td class="class1">One</td>'+
               '<td class="selected">Two</td>'+
               '<td></td>'+
               '<td></td>'
            '</tr>';

如何识别哪个单元格（1,2,3或4）具有class="selected"

Answer 1

console.log($(output).find('.selected').index());

<强> jsFiddle example

请记住.index()从零开始。

Answer 2

您可以使用index()来获取元素的位置。

$(".selected", $(output)).index()

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

Answer 3

假设您已将HTML放在页面中并进行渲染，您可以通过查找单元格然后使用index()来查找，这将为您提供相对于其兄弟姐妹的基于0的索引：

console.log($(".selected").index()); // 1, in your example

当然，这将为您提供页面上任何位置selected类的第一个元素的信息。要将其限制为给定行，请获取对该行的引用（例如，在名为$tr的变量中），然后：

console.log($tr.children(".selected").index());

使用javascript / jQuery识别包含特定类的单元格

3 个答案: