jquery,按类查找下一个元素

Question

我怎样才能按类找到下一个元素.

我试过$(obj).next('.class');但这只返回$(obj)父类中的类.我需要按类名在整个代码中的任何位置使用下一个元素.因为我的代码看起来像

<table>
<tr><td><div class="class">First</div></td></tr>
<tr><td><div class="class">Second</div></td></tr>
</table>

这可能吗？

Answer 1

在这种情况下,你需要去到<tr> 再利用.next(),就像这样:

$(obj).closest('tr').next().find('.class');

或者如果没有内部可能存在中间行.class,您可以使用.nextAll(),如下所示:

$(obj).closest('tr').nextAll(':has(.class):first').find('.class');

Answer 2

要查找具有相同类的下一个元素:

$(".class").eq( $(".class").index( $(element) ) + 1 )

Answer 3

如果你看一下它所说的文档,你不能在这个场景中使用next():
Next()获得 匹配元素集中每个元素 的紧随其后的兄弟.如果提供了选择器,它将检索与选择器匹配的下一个兄弟.

所以,如果第二个DIV在同一个TD中,那么你可以编码:

// Won't work in your case
$(obj).next().filter('.class');

但由于事实并非如此,我认为没有必要使用next().您可以改为编码:

$(obj).parents('table').find('.class')