jQuery | prependTo() 与示例

简介

prependTo() 是 jQuery 提供的一个用于向目标元素的开头添加内容的方法。它将指定的内容添加到目标元素的内部，并将其作为目标元素的第一个子元素。

语法

$(content).prependTo(target);

参数

• content：需要添加到目标元素开头的内容，可以是 HTML 字符串、DOM 元素、或 jQuery 对象。
• target：目标元素，可以是选择器字符串、DOM 元素、或 jQuery 对象。

示例

假设我们有以下的 HTML 结构：

<ul id="myList">
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

现在，我们想要在 #myList 元素的开头添加一个新的列表项。

$("<li>New Item</li>").prependTo("#myList");

在上面的代码中，我们使用了 prependTo() 方法将一个新的列表项添加到了 #myList 元素的开头。结果将如下所示：

<ul id="myList">
  <li>New Item</li>
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

注意事项

• prependTo() 方法会将目标元素的第一个子元素替换为指定内容，如果目标元素没有子元素，则将内容添加为目标元素的唯一子元素。
• 如果要添加多个元素，可以使用循环或其他方式多次调用 prependTo() 方法。

以上介绍了 jQuery 中的 prependTo() 方法以及一个简单的示例。使用该方法可以轻松地向目标元素的开头插入内容，非常方便。更多关于 prependTo() 方法的详细用法，可以参考 jQuery 官方文档。