jQuery next（）与选择器

Question

我的DOM是这样的（某种程度上）：

<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<div class="preview"></div>
<a href="#">link</a>

如果我点击第一个链接，我想在行div上添加一些信息。

我尝试选择它并将数据放入$(this).next('.preview').html(data);，但我没有得到任何结果。

Answer 1

使用.nextAll()，

$(this).nextAll('.preview').first().html(data);

或者您可以使用.siblings()

$(this).siblings('.preview').first().html(data);

---

• nextAll()：获取匹配元素集中每个元素的所有后续兄弟，可选择使用选择器进行过滤。
• siblings()：获取匹配元素集中每个元素的兄弟元素，可选择通过选择器进行过滤。