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

我有几个h1，下面有一个div。有没有办法只选择h1后面的div？我现在的代码幻灯片将所有div与可单击的类进行切换

JQuery

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

HTML

HTML/CSS
以下是我的例子

以下是我的例子

是否满足您的所有要求：

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

你想要的是：

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

你需要这个-

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

你需要这个-

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

使用

$（this）

引用您正在单击的H1。通过在单击处理程序中使用

$（“.clickable+div”）

可以引用任何H1的子级的所有div。通过在事件处理程序中使用$（this），您只引用单击的事件处理程序

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

使用

$（this）

引用您正在单击的H1。通过在单击处理程序中使用

$（“.clickable+div”）

可以引用任何H1的子级的所有div。通过在事件处理程序中使用$（this），您只引用单击的事件处理程序

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

---

@AttitudeMonger-请参阅我答案中的解释。哦，对不起，我没有注意到！：）@AttitudeMenger-请参见我答案中的解释。哦，对不起，我没有注意到！：）这是因为其他人似乎不知道（A）指定任何选择器（如果它是下一个对象）和（B）为类指定标记限定符的低效性selectors@PlantTheIdea是的，如果下一个元素是您想要的元素，那么这里不需要选择器。

filter

调用效率低下。遗憾的是，我们还不能做

$（this.nextElementSibling）

，因为其他人似乎不知道（a）指定任何选择器（如果它是下一个对象）和（B）为类指定标记限定符的低效性selectors@PlantTheIdea对如果下一个元素就是您想要的元素，那么这里就不需要选择器。

filter

调用效率低下。很遗憾，我们还不能做

$（this.nextElementSibling）

。。。