jquery 节点查找（查同名 class 的下一个）

Posted 2023-05-03

html 文档中有若干个 class="lev_2_1" 的节点，点击其中一个，选取接下来的第一个
class="lev_2_1" 的节点，不知道jQuery如何写？大神指点！
代码如下：
<ul>
......

<li class="lev_3_0"><span></span>
</li>

<li class="lev_2_1" ><span> 点击这里 class="lev_2_1" 的节点</span>
</li>

<li class="lev_3_0"><span></span>
</li>

<li class="lev_2_1"><span> 选取 接下来的第一个 class="lev_2_1" 的节点（选取这里） </span>
</li>

<li class="lev_3_0"><span></span>
</li>

<li class="lev_2_1"><span></span>
</li>

<li class="lev_3_0"><span></span>
</li>

<li class="lev_2_1"><span></span>
</li>
......

</ul>

参考技术A $(".lev_2_1").click(function()
var in=$(".lev_2-1").index(this);
console.log($("lev_2_1")[in+1])
)追答

查找所有lev元素绑定点击方法，在方法里获得该元素的索引值，然后在查找所有lev元素，输出索引值＋1的元素，也就是后面的元素，index函数通过传递一个元素来获得他在集合当中的位置。通过这个位置加一，来获得后面的元素

index是jquery的内置方法，可以直接使用，不用自己创建。

思路是这样，上面的代码我没有测试，估计是不能直接运行的。

jquery的父子兄弟节点查找示例代码

jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")

jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素

jQuery.children(expr).返回所有子节点，这个方法只会返回直接的孩子节点，不会返回所有的子孙节点

jQuery.contents(),返回下面的所有内容，包括节点和文本。这个方法和children()的区别就在于，包括空白文本，也会被作为一个

jQuery对象返回，children()则只会返回节点

jQuery.prev()，返回上一个兄弟节点，不是所有的兄弟节点

jQuery.prevAll()，返回所有之前的兄弟节点

jQuery.next(),返回下一个兄弟节点，不是所有的兄弟节点

jQuery.nextAll()，返回所有之后的兄弟节点

jQuery.siblings(),返回兄弟姐妹节点，不分前后

jQuery.find(expr),跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分，而jQuery.find()

的返回结果，不会有初始集合中的内容，比如$("p"),find("span"),是从

元素开始找,等同于$("p span")