Javascript jquery在不刷新页面的情况下添加一个单元格

每次单击“添加”按钮时，我想在一个分区中添加一个单元格。页面将在不刷新的情况下更新。 html代码是：

<section>
  <p class="cell">content</p>
</section>
<button type="button" id="addCell">add</button>

内容

添加

我应该如何实现js？谢谢

$（文档）.ready（函数（）{
$(document).ready(function() {
    $("#addCell").click(function() {
         $("section").append('<p class="cell">content</p>');
    });
});

$（“#添加单元格”）。单击（函数（）{
$（“节”）.append（“
content
”）；
});
});

非常简单，使用

append（）

或

after（）

。在您的情况下，

append（）

$('#addCell').bind('click',function(){
    $('section').append('<p class="cell">content2</p>');
});

$（'addCell'）.bind（'click'，function（）{
$（'section'）.append（'p class=“cell”>content2
）；
});

不幸的是，我无法向您展示演示，因为JSFIDLE正在维护中

jsbin中的演示：
我不会给你代码，因为你没有向我们展示你的尝试，但我会指导你

您希望将事件绑定到按钮，以便在用户单击按钮时执行操作。可以使用JS或JS创建元素。因此，在click事件中，创建所需的元素，提供所需的任何内容，然后将其发送给父div。
您尝试过JQuery.append（）.html（）吗？是的，发布你尝试过的东西。最近，这个小家伙对我来说太慢了，所以我换了。我喜欢JS调试器和实时更新。上帝，谢谢你的评论！我已经编辑了我的答案，现在它包含一个dmeo。