如何使用 jQuery 將元素插入為最後一個子元素?


要使用 jQuery 將元素插入為最後一個子元素,請使用 append() 方法。append( content ) 方法將內容追加到每個匹配元素的內部。

示例

你可以嘗試執行以下程式碼來了解如何使用 jQuery 將元素插入為最後一個子元素

線上演示

<html>

   <head>
      <title>jQuery Example</title>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
       
      <script>
         var x = 0;
         $(document).ready(function() {
            $('.add').on('click', function (event) {
        var html = "<div class='child-div'>demo text " + x++ + "</div>";
        $("#parent-div").append(html);
    });
         });
      </script>    
      <style>
         .div{
            margin:10px;
            padding:12px;
            border:2px solid #F38B00;
            width:60px;
         }
      </style>
   </head>    
   <body>
      <div id="parent-div">
        <div>Hello World</div>
      </div>
      <input type="button" value="Click to add" class="add" />
   </body>
</html>

更新日期:2019-12-10

5K+ 瀏覽

開啟你的 職業

透過完成課程獲得認證

開始
廣告