jQuery雜項toArray()方法

語法

jQuery 的toArray()方法將jQuery物件轉換為普通的DOM元素陣列。它返回一個包含jQuery物件中所有DOM元素的陣列。

$(selector).toArray()

示例

在下面的示例中，我們使用jQuery toArray()方法將<li>元素轉換為陣列：

<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script>
    $(document).ready(function(){
      $("#displayItems").click(function(){
        var itemsArray = $("li").toArray();
        var listContainer = $("<div></div>");
        
        itemsArray.forEach(function(item, index) {
          var listItem = $("<p></p>").text((index + 1) + ". " + $(item).text());
          listContainer.append(listItem);
        });

        $("#output").html(listContainer);
      });
    });
  </script>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 20px;
    }
    #output p {
      font-weight: bold;
      color: #333;
    }
  </style>
</head>
<body>

<h2>List of Beverages</h2>
<button id="displayItems">Show List Items</button>

<ul>
  <li>Coffee</li>
  <li>Milk</li>
  <li>Soda</li>
</ul>

<div id="output"></div>

</body>
</html>

執行後，點選按鈕從陣列中檢索所有元素。

jquery_ref_miscellaneous.htm

列印頁面