附加到特定元素仅附加文本

Question

我在一些div中加了一个div和许多其他div：

<div class="content">
<div>sss</div>
<div>aaa</div>
<div>bbb</div>
</div>

我添加了<div>ddd</div> before sss：

$('.content').prepend('<div></div>');

当我想在新的前置div中添加一些新元素时，它会将其添加为文本：

$('.content>div')[0].append('<p>ddd</p>');

如果我移除[0]它可以正常但它会附加到所有div，我需要[0]来找到第一个div。

Answer 1

要获取第一个元素（仍然是jquery对象），可以使用.first()：

$('.content>div').first().append($('<p>ddd</p>'));

请注意，我还将<p>与$(...)包装在一起，使其成为有效的html元素（而不是文本）。