我有一个 HTML 结构,如下所示:
<a id="checkAllButton" onclick="...">...
<a id="uncheckAllButton" onclick="...">...
<span ...>
<div class="box collapsible-box csvTable-box">...
由于
<a>
的 onClick
,我有一个对 checkAllButton
的 jQuery 引用:当我检查(作为观察变量)时:
$(this).next().next().next()
我懂了:
0: div.box.collapsible-box.csvTable-box
但是,当我使用:
$(this).next('.csvTable-box')
它返回一个空对象。似乎它应该引入
<div>
,但我似乎无法确定它为什么跳过它。 最佳答案
这是因为 .next()
method 只返回下一个相邻元素。如果下一个同级元素没有类 .csvTable-box
,则不会选择任何内容。
如果要遍历所有下一个同级元素,请使用 .nextAll()
method ,然后如果要减少集合以仅返回第一个匹配项,则链接 .first()
。
$(this).nextAll('.csvTable-box').first();
关于javascript - 带有选择器的 jQuery next() 未找到基于类的指定元素,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28632025/