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 >输出如下：
之前单击按钮：
单击按钮后：
