jQuery中insertBefore怎么使用

jquery

607

2023/10/11 10:52:30

栏目: 编程语言

在jQuery中，insertBefore()方法用于将指定的元素插入到目标元素的前面。使用insertBefore()方法的语法如下：

$(要插入的元素).insertBefore(目标元素);

示例代码如下：

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<div id="container">
<p>这是目标元素后面的文本。</p>
</div>
<script>
// 创建要插入的元素
var newElement = "<p>这是要插入的元素。</p>";
// 将要插入的元素插入到目标元素的前面
$(newElement).insertBefore("#container p");
</script>
</body>
</html>

上述代码将在<div id="container">元素中的第一个<p>元素的前面插入一个新的<p>元素。

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

jQuery中insertBefore怎么使用

最新知识库

相关标签