JQuery – 找到第一个兄弟匹配选择器

前端之家收集整理的这篇文章主要介绍了JQuery – 找到第一个兄弟匹配选择器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何获得列表中与选择器匹配的第一个(下一个)元素?

例:

<table>
  <tr class="test"><td>not this one</td></tr>
  <tr><td><a title="test">click</a></td></tr>
  <tr><td>not this one</td></tr>
  <tr class="test"><td>this one</td></tr>
  <tr class="test"><td>ignore this as well</td></tr>
</table>

$("a").on('click',function(eve){
  $(this).parents("tr").???(".test").toggle();
});

编辑

我需要以下一行.兄弟姐妹也得到了其他人(比如第一排)

解决方法

使用 .nextAll()获取元素的后续兄弟和 :first以获得第一个匹配的元素.

试试这个:

$("a").on('click',function(eve){
  $(this).parents("tr").nextAll(".test:first").toggle();
});

DEMO

猜你在找的jQuery相关文章