接下来("某些班级")不起作用

时间:2016-05-28 12:04:40

标签: javascript jquery html

HTML

import com.example.abdulrafay.myapplication.R;

JS

<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>

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

1 个答案:

答案 0 :(得分:2)

使用 nextAll() (使用 first() ,如果有多个同级的兄弟姐妹那样)来获取它。 next() 仅选择紧随其后的兄弟。

$(".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>