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

打印页面