jQuery追加顺序? [英] jQuery Append order?
问题描述
我正在创建一系列评论,并在评论下方回复评论.我使用此代码将新回复附加到评论下方.
$(document).on('click', '.sub-reply1-send', function() {var 回复 = $('textarea[name=comment-reply]').val();$('.sub-reply1,.sub-reply1-textarea,.sub-reply1-send').slideUp(250).remove();$('.answer').append("<div class='comment-sub-reply' style='display:none'>" + reply + "</div>");$('.comment-sub-reply').slideDown(250);subreply_visible = false;});
如果只有一条评论要回复,这可以正常工作,但如果有两条评论,比如评论 1 和评论 2,评论 1 将在评论 2 下方生成.回复 Comment1 可以正常工作,但回复 Comment2 会在 Comment1 的最后一个下方生成回复框.
有什么办法可以让我把它附加到点击它的评论中吗?
根据我拥有的内容生成的 HTML 标记.
<div class="question" style="display: block;"><div class="question-content">这个部分有什么意义?</div><div class="answer" style="display: block;"><div class="question-answer" style="" id="thread1">这不是测试<img class="reply" src="reply.png"/>
<div class="question-answer" style="" id="thread0">测试<img class="reply" src="reply.png"/>
<div class="comment-sub-reply" style="">另一个测试</div><div class="comment-sub-reply" style="">还在测试下面</div><div class="comment-sub-reply" style="">这也不是测试,但它正在测试中</div><div class="sub-reply1" style=""><textarea class="sub-reply1-textarea" name="comment-reply" style=""></textarea><div class="sub-reply1-send" style=""></div>