我有一个 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/

10-12 01:12
查看更多