我正在尝试使用 AJAX 帖子发表评论。但是最后一个 comment
元素包含提交按钮。 append 后,新项目出现在提交按钮之后。
<div class="commentContainer" >
<div class="comment">
<div class="commentText">Any comment1 ... </div>
</div>
<div class="comment">
<div class="commentText">Any comment2 ... </div>
</div>
....................................
<div class="comment">
<div class="sendPanel">
<input type="submit" value="Post" />
</div>
</div>
</div>
和发布请求的结果:
success: function (result) {
if (result.success) {
$('.commentContainer').append('<div class="comment"><div class="commentText">' + result.text + '</div></div>');
}
}
我想始终将提交按钮保留在末尾。我该怎么做?
最佳答案
试试这个
$('<div class="comment"><div class="commentText">' + result.text + '</div></div>')
.insertBefore('commentContainer .comment:last-child');
甚至更好
$('<div>', {'class': 'comment'}).append(
$('<div>', {'class': 'commentText', text: result.text})
).insertBefore('.commentContainer .comment:last-child');
这个对性能更好
Demo
关于javascript - 在 jQuery 中的最后一个元素之前追加元素不结束,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17642002/