javascript - jquery div 展开页面上的所有div

Question

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery(".content").hide();
        jQuery(".link").click(function()
        {
          jQuery("div.content").slideToggle(500);
        });;
    });
</script>

如何只展开链接到特定链接的div？

编辑: 这样做的

<div class="comment">
   <div class="bar">
      <a class="link">#</a>
    </div>
</div>
<div class="content">
  <div class="comment">
   <div class="bar">
      <a class="link">#</a>
    </div>
  </div>
</div>

Answer 1

编辑 2:

您更改了 HTML。现在这样做:

jQuery(this).closest('div.comment').next('div.content').slideToggle(500);

但是等等!现在您有 2 个不同的 div.link 元素，它们与 .content 元素的关系不同。这是您的实际 HTML 标记吗？

你也可以这样做:

jQuery(this).closest('div.content').slideToggle(500);

请提供您的实际 HTML。

---

编辑:

根据更新的问题，执行此操作:

jQuery(this).parents('div.blaat1').eq(1).next().slideToggle(500);

How to expand only the div which is linked to the specific link?

它们是如何联系起来的？

如果 div 是后代，则执行以下操作:

jQuery(this).find('div.content').slideToggle(500);

如果 div 是一个祖先，那么这样做:

jQuery(this).closest('div.content').slideToggle(500);

如果 div 是下一个同级，则执行以下操作:

jQuery(this).next().slideToggle(500);

如果 div 是前一个同级，则执行以下操作:

jQuery(this).prev().slideToggle(500);

没有看到您的 HTML 结构，我们只能猜测解决方案。