使用jQuery定位特定的类

Question

我试图在jQuery中显示一个隐藏的类,但它不适用于我所针对的类.它显示了整个班级:

<div class="feeds">
  <input class="post_id" />
  <textarea class="commentdata"></textarea>
  <button class="mmore">More</button>
  <p class="time">time</p>
  <div class = "comment_data">
    <div class = "comment">
      <p> Comments </p>
    </div>
  </div>
</div>

<div class="feeds">
  <input class="post_id" />
  <textarea class="commentdata"></textarea>
  <button class="mmore">More</button>
  <p class="time">time</p>
  <div class = "comment_data">
    <div class = "comment">
      <p> Comments </p>
    </div>
  </div>

<div class="feeds">
  <input class="post_id" />
  <textarea class="commentdata"></textarea>
  <button class="mmore">More</button>
  <p class="time">time</p>
  <div class = "comment_data">
    <div class = "comment">
      <p> Comments </p>
    </div>
  </div>
</div>

类comment_data是display: none通过默认设置,每当只应显示更多的按钮被点击.正在工作,但它显示3的所有评论div.

这是我的jQuery代码:

$( ".mmore" ).click(function() {
   $('.comment_data').slideToggle("slow");
});

Answer 1

$('.mmore').click(function() {
   $(this).parents('.feeds').find('.comment_data').slideToggle('slow')
});