jQuery中insertBefore怎么使用

小億
112
2023-09-11 10:52:30
欄目: 編程語言

在jQuery中，insertBefore()方法用于將指定的元素插入到目標(biāo)元素的前面。使用insertBefore()方法的語法如下：

$(要插入的元素).insertBefore(目標(biāo)元素);

示例代碼如下：

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<div id="container">
<p>這是目標(biāo)元素后面的文本。</p>
</div>
<script>
// 創(chuàng)建要插入的元素
var newElement = "<p>這是要插入的元素。</p>";
// 將要插入的元素插入到目標(biāo)元素的前面
$(newElement).insertBefore("#container p");
</script>
</body>
</html>

上述代碼將在<div id="container">元素中的第一個(gè)<p>元素的前面插入一個(gè)新的<p>元素。

0 踩