Question

我正在尝试建立一个网站。用户可以选择发表评论。我打算在初始获取中显示一些（比如5个）注释，并且可以选择加载更多注释。我正在使用jquery并且正在考虑根据注释的数量动态创建html div。这是最好的主意吗？

另外，有没有办法删除动态创建的元素，以便在重新进入页面时我只有静态元素，如果需要附加动态元素？

Answer 1

jQuery提供了一些关于如何动态创建DOM元素的非常方便的工具。您将需要使用.append()方法插入新元素。

例如，假设您的HTML结构包含所有评论的容器，并且已经有一些评论：

<div id="comments_container">
    <div class="comment">
        This is a comment!
    </div>
    <div class="comment">
        This is another comment!
    </div>
    <div class="comment">
        Comment 3!
    </div>
</div>

您可以使用以下代码动态添加更多评论：

$("#comments_container").append('<div class="container">'+comment_data+'</div>');

每个新动态添加的评论都会显示在评论<div>的底部。如果您要在评论容器的顶部添加评论，请使用prepend()代替append()。

另外，有没有办法删除动态创建的元素，以便在重新进入页面时我只有静态元素，如果需要附加动态元素？

是。当用户重新加载或重新访问页面时，使用prepend()和append()动态插入的所有元素都将消失。

在html中添加和删除动态div

1 个答案: