javascript - 单击链接时显示相关 div

Question

我创建了一个包含 li 元素的 ul 。我想在单击同一 li 中的链接时向下滑动 div。

问题是当我单击链接时，所有 div 都会显示。

我使用 PHP 设置每个链接的 id。

html代码在这里:

  <li class='post'>
    <div class='link'>
      <a href='#'id=". * Here is Post ID * ."></a>
    </div>
    <div class='slidedown'>//here is what I want to sliding</div>
  </li>

jQuery 代码在这里:

$(".link a").click(function(){

    var id_post = $(this).attr("id");

    $(".slidedown").slideDown("slow");

    return false;
});

Answer 1

您可以做得更简单:

jQuery

$('.link').on('click', function() {
    $(this).parent().find('.slidedown').slideDown('slow');
});

或者你使用:

$('.link a').on('click', function() {
    $(this).closest('.slidedown').slideDown('slow');
});

转到.closest()或.parent()访问 jQuery 文档以了解更多信息。