溫馨提示×

insertbefore如何在JQuery中使用

小樊
96
2024-06-26 18:48:47
欄目: 編程語言

在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")方法來實現這一功能。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女