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

Question

我有这样的HTML代码:

<div id="content">

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

我想在元素div#content之前追加子元素div.foobar.怎么办？

Answer 1

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

追加 意味着您可以在选择器的末尾插入元素作为子元素

例 append() and appendTo()

前置 意味着您可以在选择器的开头插入元素作为子元素

例 prepend() and prependTo()

请注意,选择器将被视为a 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()