javascript - 下一个 ("some class") 不起作用

Question

HTML

<div class="linksrtitle">Lorem ipsum</div>
<div class="linksrspace"></div>
<div class="linksrwrap">  // this div should be slided
<a class="linkr" href="volim-da-stoje.php">Lorem ipsum</a>
<a class="linkr" href="ova-salate-je-umrla.php">Lorem ipsum</a>
<a class="linkr" href="nova-rasa.php">Lorem ipsum</a>
</div>
<div class="linksrspace"></div>

JS

$(".linksrtitle").click(function(){
   $(this).next(".linksrwrap").slideToggle();  // doesn't work
});

为什么这个点击事件不起作用。控制台是空的。

Answer 1

使用 nextAll() (使用 first() ，如果存在具有相同类别的多个同级)来获取它。 <强> next() 仅选择紧随其后的 sibling 。

$(".linksrtitle").click(function() {
  $(this).nextAll(".linksrwrap").slideToggle();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="linksrtitle">Lorem ipsum</div>
<div class="linksrspace"></div>
<div class="linksrwrap">// this div should be slided
  <a class="linkr" href="volim-da-stoje.php">Lorem ipsum</a>
  <a class="linkr" href="ova-salate-je-umrla.php">Lorem ipsum</a>
  <a class="linkr" href="nova-rasa.php">Lorem ipsum</a>
</div>
<div class="linksrspace"></div>