insertbefore如何在JQuery中使用

avatar
作者
猴君
阅读量:2

在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")方法来实现这一功能。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!