带有selector的jQuery next（）没有找到基于类的指定元素

Question

我的HTML结构如下：

<a id="checkAllButton" onclick="...">...
<a id="uncheckAllButton" onclick="...">...
<span ...>
<div class="box collapsible-box csvTable-box">...

由于<a>的{​​{1}}，我对onClick有一个jQuery引用：

当我检查（作为监视变量）时：

checkAllButton

我明白了：

$(this).next().next().next()

然而，当我使用：

0: div.box.collapsible-box.csvTable-box

它带回一个空物体。似乎它应该引入$(this).next('.csvTable-box') ，但我似乎无法确定为什么它会跳过它。

Answer 1

这是因为.next() method仅返回下一个相邻元素。如果下一个兄弟元素没有类.csvTable-box，则不会选择任何内容。

如果要遍历 all 下一个兄弟元素，请使用.nextAll() method，然后链.first()如果要减少设置，那么只有第一个匹配被退回。

$(this).nextAll('.csvTable-box').first();