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

Question

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

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

我应该如何实现js？谢谢！

Answer 1

很简单，使用append()or 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

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

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