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);
});

循环javascript动作沿时间轴

1 个答案: