在div的父div之外找到类名的下一个实例？

Question

如果你有

<div id="sf_53" class="req">
    <div class="expF"><a href="#">CLICK HERE</a></div>
</div>
<div class="exp"></div>

并且您的点击功能已被＆＃34; expF＆＃34;激活，如何将html添加到＆＃34; exp＆＃34;的下一个实例？

我认为知道主要的父div会使它像

$("#sf_53").nextAll(".exp").html("Howdy!");

谢谢你看看。

Answer 1

将.closest()与.next()：

一起使用

 $(this).closest('.req').next().html('somehtml');

<强> Working Demo

Answer 2

由于id必须是唯一的，因此您只需使用 .next() 即可获得#sf_53元素的下一个直接兄弟.exp div ：

$('.expF').click(function() {
    $('#sf_53').next().html("Howdy"!);
});