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():获取匹配元素集中每个元素的兄弟节点,可选择通过选择器进行过滤.