Question

我有一个像这样的HTML代码：

<div id="content">

    <div class="foobar"></div>
</div>

我想在div#content元素之前的div.foobar内附加子元素。怎么办？

Answer 1

在我回答你的问题之前，让我为你做一些更清晰，更容易的事情，让你明白你的想法

追加表示您可以在选择器的末尾插入元素作为子元素

示例append() and appendTo()

Prepend 表示您可以在选择器的开头插入元素作为子元素

示例prepend() and prependTo()

请注意，选择器将被视为parent

之前表示您可以在选择器

之前添加元素

示例before() and insertBefore()

后表示您可以在选择器

之后添加元素

示例after() and insertAfter()

在does not之前和之后将选择器视为parent元素

现在回答你的问题

您可以使用prepend or before

执行此操作

<div id="content">
    <div class="foobar"></div>
</div>

$("your element").insertBefore("#content div.foobar") // or
$("#content div.foobar").before("element") // or
$("#content").prepend("element") // or
$("element").prependTo("#content")

注意选择器在prepend() and prependTo()

中的位置

Answer 2

您可以使用before() / insertBefore()之类的

$('#content .foobar').before(newcontent)
$(newcontent).insertBefore('#content .foobar')

或者如果您想要将新内容作为#content的第一个孩子插入，请使用prepend()

$('#content').prepend(newcontent)

jQuery：在子元素之前追加子元素

2 个答案: