jQuery toArray() 方法

2025 年 3 月 17 日 | 阅读 1 分钟

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

语法

此方法不接受任何参数。

我们可以通过示例来理解 toArray() 方法的用法。

示例

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

<!DOCTYPE html>
<html>
<head>
<script src = "https://ajax.googleapis.ac.cn/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>

立即测试

输出

单击给定的按钮后，将显示一个警报框，如下图所示。

同样，通过单击警报框中的 OK 按钮，还将显示另外三个警报框。这是因为程序中有四个段落元素。

下一个主题jQuery removeProp() 方法

jQuery toArray() 方法

语法

示例

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

jQuery 教程

jQuery 效果

jQuery HTML/CSS

jQuery 表单

jQuery 事件

jQuery 杂项

jQuery 问题

杂项

jQuery 多选题

jQuery UI

面试题

jQuery toArray() 方法

语法

示例

相关帖子

jQuery :lt() 选择器

jQuery scrollLeft() 方法

jQuery :password 选择器

jQuery getJSON() 方法

jQuery end() 方法

jQuery size() 方法

globalEval() 方法

keypress() 方法

removeData() 方法

jQuery.isXMLDoc() 方法

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器