Question

我想在末尾插入一个段落元素<body>，就在</body>之前。

我已尝试insertBefore()如下，但它没有按预期工作。

$( "<p>Test</p>" ).insertBefore( "</body>" );

Answer 1

这意味着您希望将append内容发送到<body>。 append()会将内容添加到选择器元素的末尾。

将参数指定的内容插入匹配元素集中每个元素的末尾。

$(document.body).append("<p>Test</p>");

p {
  color: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>

<body>
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
</body>

Answer 2

只需使用：

.append();

来自.append（）的jQuery API：

＆＃34;描述：将参数指定的内容插入到匹配元素集中每个元素的末尾。＆＃34; （http://api.jquery.com/append/）

所以

$('body').append("<p>Test</p>");

会将html插入到结束标记之前的主体末尾＆lt; /体＆GT;

Answer 3

您可以使用

$("body").append("Test")

或

$("Test").appendTo("body")

他们都做同样的事情，但如果想要保存创建的元素，第二个更有用：

var $test = $("<p>Test</p>").appendTo("body");
// Do something else here
$test.css("background", "red");

有关详细信息，请参阅here。

插入html befor标记jquery

3 个答案: