jQuery:在子元素之前 append 子元素

Question

我有这样的 HTML 代码:

<div id="content">

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

我想在 div#content 内的 div.foobar 元素之前 append 子元素。怎么才能做到这一点？

Answer 1

在回答您的问题之前，让我先让您更清楚、更容易地了解一些内容，以便您了解您想要做什么

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

示例append() 和appendTo()

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

示例prepend() 和 prependTo()

请注意，选择器将被视为父级

Before 表示您可以在选择器之前添加元素

示例before() 和 insertBefore()

之后表示您可以在选择器之后添加元素

示例after() 和 insertAfter()

之前和之后不将选择器视为父元素

现在回答你的问题

您可以使用前置或之前来完成此操作

<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() 和 prependTo() 中的选择器位置