jQuery如何使用toArray()方法?

2021年3月24日14:41:18 发表评论 778 次浏览

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()方法1

单击按钮后:

jQuery toArray()方法2
jQuery toArray()方法3
jQuery toArray()方法4

范例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()方法5

单击按钮后:

jQuery toArray()方法6

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: