jQuery如何使用toArray()方法()

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 >

输出如下:
之前单击按钮:
jQuery如何使用toArray()方法()

文章图片
单击按钮后:
jQuery如何使用toArray()方法()

文章图片
jQuery如何使用toArray()方法()

文章图片
jQuery如何使用toArray()方法()

文章图片
范例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()方法()

文章图片
【jQuery如何使用toArray()方法()】单击按钮后:
jQuery如何使用toArray()方法()

文章图片

    推荐阅读