Question

给出一个dom：

<h2>Title</h2>
<p>Text</p>
<h2>Title</h2>   <-- click this
<p>Text</p>       <-- toogle this
<p>Text</p>       <-- and this
<p>Text</p>       <-- and this. ONLY.
<h2>Title</h2>
<p>Text</p>
<p>Text</p>

如何直接在p标题下而不是其他h2元素下切换p元素？

Answer 1

请注意，每个/末尾的<p>应该是<p>Text</p>

您可以使用.nextUntil("h2")

赞：

$("h2").click(function(){
  $(this).nextUntil("h2").toggle();
});

工作演示

$("h2").click(function(){
  $(this).nextUntil("h2").toggle();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h2>Title</h2>
<p>Text</p>
<h2>Title</h2>
<p>Text</p>
<p>Text</p>
<p>Text</p>
<h2>Title</h2>
<p>Text</p>
<p>Text</p>

如何使用jQuery选择邻居p元素而不选择所有p元素

1 个答案: