JQuery toArray()用法及代码示例

toArray() 方法用于将包含在 jQuery 集中的所有元素作为数组返回。

用法

$(selector).toArray()

此方法不接受任何参数。

我们可以通过一个例子来理解toArray()方法的使用。

示例

在本例中，我们使用 toArray() 方法将段落转换为数组。单击给定按钮时，段落元素将转换为数组，并且将显示一个警告框，显示段落元素的 innerHTML。

<!DOCTYPE html>
<html>
<head>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> </script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    var i;
    var x = $("p").toArray();
    for (i = 0; i< x.length; i++) {
      alert(x[i].innerHTML);
    }
  });
});
</script>
</head>
<body>
<h3> It is an example of using the toArray() method. </h3>

<p> Paragraph 1  </p>
<p> Paragraph 2  </p>
<p> Paragraph 3  </p>
<p> Paragraph 4  </p>

<h4> Click the below button to display the above paragraphs in the form of array. </h4>
<button> Click me </button>
<span></span>
</body>
</html>

输出

单击给定的按钮后，将显示一个警告框，如下面的屏幕截图所示。

同样，单击警告框中的“确定”按钮将显示另外三个警告框。这是因为程序中有四个段落元素。

相关用法

注：本文由纯净天空筛选整理自 jQuery toArray() method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。