JQuery - 查找第一个兄弟匹配选择器

标签 jquery jquery-selectors siblings

如何获取列表中与选择器匹配的第一个(下一个)元素?

示例:

<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();
});
<小时/>

编辑

我需要以下行。 sibling 也得到其他人(如第一行)

最佳答案

使用.nextAll()获取元素的以下同级元素和 :first获取第一个匹配的元素。

试试这个:

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

<强> DEMO

关于JQuery - 查找第一个兄弟匹配选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23660754/

相关文章:

javascript - 添加图库 - document.getElementById ("").innerHTML

javascript - 使用jquery替换字符串

jquery - 应用之前的选择器后应用选择器

javascript - 使用变量作为 jQuery 选择器

android - 不是同一 RelativeLayout 中的同级

Dojo 根据当前事件目标获取下一个兄弟

xml - XPath:获取节点中最后一个同级的值

php - jQuery/PHP POST 不工作

javascript - jQuery On Page Load Animation 不工作

jquery - CSS/JQuery 选择器奇怪的行为