javascript - 沿时间线循环 javascript 动作

Question

我正在尝试沿时间线循环一些 javascript 操作。它仅适用于第一个帖子，但不适用于其余帖子。看看我的代码并帮助我指出我到底做错了什么。谢谢

Javascript

    var comment = $('#add-comment');
var comments = $('#comments');
for (var i = 0; i < comment.length; i++) {
    $(comments).hide();
        $(comment).click(function() {
    $(comments).slideToggle(500);
});
}

html

<input type="button" id="add-comment" Comment(s)">
<div id="comments">
<div id="other-comments">
<a href="#">
<img src="uploads/user/image">
<span class="full_name"><?=$rows['first_name']?> <?=$rows['last_name']?></span>
</a><br/>
<p><?=$rows['comment']?></p>
</div>
</div>

已编辑

    var comment = $('#feeds li #add-comment');
var comments = $('#feeds li #comments');

$(comments).each(function() {
    $(this).hide();
});

$(comment).click(function() {
    $(comments).each(function() {
        $(this).slideToggle(500);
    });
});

我发现 html 元素的一点遗漏会阻止它循环。现在，如果我单击添加评论，它正在循环，它会下拉所有评论 div。我不想那样。我希望添加评论按钮单独打开它各自的 div，而不是全部。可以做什么？

Answer 1

在我看来像一个轻微的语法打嗝。

试试这个Jquery ：

var comment = $('#add-comment');
var comments = $('#comments');

for (var i = 0; i < comment.length; i++) {
    $(comments).hide();
}

$(comment).click(function() {
$(comments).slideToggle(500);
});