Question

我想做这样的事情：

从头开始：

<div class="example"></div>

...

$('.example').somejqueryfunction('<span>Hello There</span>');

...

<div class="example">
    <span>Hello There</span>
</div>

Answer 1

您可以使用jQuery .append()函数：

$('.example').append('<span>Hello There</span>');

Answer 2

我相信你正在寻找jQuery.fn.html(string)。

这使您的示例如下所示：

$('.example').html('<span>Hello There</span>');

这将替换所选元素中的当前html。应该注意的是，它只适用于比赛的第一项。

您也可以通过不传递任何参数将其用作吸气剂，但它仅适用于匹配的第一项。

More information from the jQuery website.

Answer 3

使用append（）或prepend（）。这会将给定元素插入目标元素的顶部或底部。

Answer 4

append（）函数会将HTML片段（文本，HTML元素）添加到目标元素。

所以，例如， $（＆＃39; .example＆＃39;）。追加（＆＃39; Hello There＆＃39;）将实现您正在寻找的结果。

如果你想要覆盖元素中的整个内容，html（）函数就会这样做。

追加（）：http://api.jquery.com/append/
html（）：http://api.jquery.com/html/

Answer 5

我认为你正在寻找jquery追加函数。

append

Answer 6

多种方式，取决于您想要完成的任务：

$('<span>').appendTo('div');
$('<span>').prependTo('div');
$('div').append('<span>');
$('div').prepend('<span>');
$('div').html('<span>');
...

Answer 7

看看：

http://api.jquery.com/prepend/ - 作为第一个孩子插入

http://api.jquery.com/append/ - 作为最后一个孩子插入

http://api.jquery.com/html/ - 插入替换整个内容

如何添加一串HTML并使其成为某个节点的子节点？

7 个答案: