toArray()方法jQuery中的int用于返回与jQuery选择器匹配的元素作为数组。
语法
$(selector).toArray()
参数:此方法不接受任何参数。
范例1:此方法使用toArray()方法以数组形式显示段落。
<
!DOCTYPE html>
<
html >
<
head >
<
title >
jQuery Misc toArray() Method
<
/ title >
<
script src =
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" >
<
/ script >
<
/ head >
<
body style = "text-align:center;
" >
<
h1 style = "color:green;
" >
lsbin
<
/ h1 >
<
h2 >
jQuery Misc toArray() Method<
/ h2 >
<
button >
Click<
/ button >
<
p >
Geeks1<
/ p >
<
p >
Geeks2<
/ p >
<
p >
Geeks3<
/ p >
<
!-- Script to use toArray() method -->
<
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>
<
/ body >
<
/ html >
输出如下:
之前单击按钮:
文章图片
单击按钮后:
文章图片
文章图片
文章图片
范例2:本示例使用toArray()方法显示数组元素。
<
!DOCTYPE html>
<
html >
<
head >
<
title >
jQuery Misc toArray() Method
<
/ title >
<
script src =
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" >
<
/ script >
<
/ head >
<
body style = "text-align:center" >
<
h1 style = "color:green;
" >
lsbin
<
/ h1 >
<
h2 >
jQuery Misc toArray() Method<
/ h2 >
<
button >
Click<
/ button >
<
p >
Geeks1-Geeks2-Geeks3<
/ p >
<
div style = "color:lightgreen;
" >
<
/ div >
<
!-- This example use toArray() method -->
<
script >
$(document).ready(function(){
$("button").click(function(){
var i;
var x = $("p").toArray()
for (i = 0;
i<
x.length ;
i++) {
$("div").text(x[i].innerHTML);
}
});
});
<
/script>
<
/ body >
<
/ html >
输出如下:
之前单击按钮:
文章图片
【jQuery如何使用toArray()方法()】单击按钮后:
文章图片
推荐阅读
- Scala中的链式包装子句用法指南
- PHP如何使用Ds Queuealloc()函数(分配内存)
- 下一个更大数字的二进制表示,具有相同的1和0
- Windows8系统打开设备管理器的步骤
- Win8每次开机都要黑屏一段时间的处理办法
- Win8系统笔记本电脑屏幕闪烁的处理办法
- Win8系统开始屏幕中找不到IE磁贴怎样办?
- 如何解除Win8系统对命令提示符的局限?
- Win8系统话筒声音很小怎样调节?