jQuery | prependTo() 与示例

简介

prependTo() 方法将指定的 HTML 元素插入到选择器选中元素的前面。

语法如下：

$(content).prependTo(selector)

其中，content 参数表示要插入的 HTML 元素，可以是 HTML 字符串、DOM 元素或 jQuery 对象。

selector 参数表示要插入到哪个元素前面。

示例

假设我们有一个 HTML 页面，其中有一个列表：

<ul id="list">
    <li>列表项 1</li>
    <li>列表项 2</li>
    <li>列表项 3</li>
</ul>

现在，我们想在这个列表的第一个项前面插入一个新的列表项，可以这样做：

$("<li>新列表项</li>").prependTo("#list");

执行这段代码后，列表项 1 前面就会插入一个新的列表项。

注意事项

• 如果 content 参数是一个 DOM 元素或 jQuery 对象，它会被移动到新位置，而不是被复制。
• 如果 selector 参数选中多个元素，则插入到所有选择器选中元素的前面。

总结

prependTo() 方法可以方便地在指定 HTML 元素前面插入新的元素。它的语法简单明了，在实际开发中应用广泛。