在jQuery中,可以使用insertBefore()
方法來在指定元素之前插入元素。該方法需要一個參數,即要插入的元素或HTML標記。以下是一個示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Insert Before Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="container">
<p>First paragraph</p>
<p>Second paragraph</p>
</div>
<button id="insert">Insert Before</button>
<script>
$(document).ready(function(){
$("#insert").click(function(){
$("<p>New paragraph</p>").insertBefore("p:first");
});
});
</script>
</body>
</html>
在這個例子中,當用戶點擊按鈕時,會在第一個段落之前插入一個新的段落。通過調用insertBefore("p:first")
方法來實現這一功能。