jquery - JQuery选择类的每个实例的以下div

Question

我有几个 h1，它们下面有一个 div。有什么方法可以在 h1 之后只选择 div 吗？我现在拥有的代码可以使用可点击的类来滑动切换所有 div。

jQuery

$(".clickable").click(function() {
    $(".clickable + div").slideToggle(1000);
});

HTML

<h1 class="clickable">HTML/CSS</h1>
<div class="hidden">
    <p>Here are my examples</p>
    <p>Here are my examples</p>
</div>

score 3 · Accepted Answer

next你想要的一切：

$(".clickable").click(function() {
    $(this).next().slideToggle(1000);
});

score 1 · Accepted Answer

你需要这个 -

$(".clickable").click(function() {
    $(this).next('div.hidden').slideToggle(1000);
});

score 0 · Accepted Answer

用于$(this)指代您点击的 H1。通过$(".clickable + div")在点击处理程序中使用，您可以引用作为任何 H1 子级的所有 div。通过在事件处理程序中使用 $(this)，您只需引用单击的那个。

$(".clickable").click(function() {
    $(this).next().slideToggle(1000);
});

3 回答 3