javascript - 带有选择器的 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():获取匹配元素集中每个元素的同级元素，可以选择通过选择器进行过滤。