jquery添加一个单元格而不刷新页面

Question

每次单击添加按钮时，我想在一个部分中添加一个单元格。页面更新时无需刷新。 html代码是：

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

我该如何实施js？谢谢！

Answer 1

非常简单，请使用append()或after()。在您的情况下append()会更好。

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

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

jsbin演示：http://jsbin.com/agosap/

Answer 2

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

Answer 3

我不会给你代码，因为你没有告诉我们你的尝试，但我会指导你。

您希望将click事件绑定到按钮，以便在用户单击它时执行操作。您可以使用JS document.createElement或using jQuery创建元素。所以在click事件中，创建你想要的元素，给它你想要的任何attributes，然后append它给父div。