如何使用jquery在添加元素的末尾添加元素？

Question

$(document).ready(function(){
   $("button").click(function(){
    $("p").after("Add Element");
   });
});

如何使用jquery在添加元素的末尾添加元素？

添加元素

Answer 1

要添加元素作为最后一个，只需使用append：

$('#container').append('<p>Hello world!</p>');

要在另一个之后插入元素，请使用insertAfter：

$('<p>Hello world!</p>').insertAfter('#some-other-element');

Answer 2

使用jquery的.append函数。所以你的代码将是

$("p").append("Your Element");

Answer 3

尝试：使用append（）。

$("p").append("Element");

Answer 4

在不更改脚本的情况下试试这个......满足您的要求：）

$(document).ready(function(){
   $("button").click(function(){
      $("p").after("Add Element");
   });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p> Sample Paragraph </p>
<button>Sample button</button>