温馨提示×

jQuery中insertBefore怎么使用

小亿
102
2023-09-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>元素。

0