当前位置: 首页>>代码示例>>用法及示例精选>>正文


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

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

jQuery toArray() method

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





相关用法

注:本文由纯净天空筛选整理自 jQuery toArray() method。非经特殊声明,原始代码版权归原作者所有,本译文的传播和使用请遵循“署名-相同方式共享 4.0 国际 (CC BY-SA 4.0)”协议。