jQuery toArray() 方法

最新推荐文章于 2023-07-05 16:03:22 发布

蝴蝶教程

最新推荐文章于 2023-07-05 16:03:22 发布

阅读量608

点赞数

分类专栏： jQuey

本文链接：https://blog.csdn.net/web_hxx/article/details/103043917

版权

jQuey 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

定义和用法

toArray() 方法以数组的形式返回 jQuery 选择器匹配所有DOM元素。

语法

$(selector).toArray()

实例

下例演示了把 <li> 元素转换为数组，然后输出该数组元素的 innerHTML ：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jq教程</title>
//此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script>
   $(document).ready(function(){
      $("button").click(function(){
         x=$("li").toArray();
         $(x).each(function(i){
            alert(x[i].innerHTML);
         })
      });
   });
</script>
</head>
<body>
   <p><button>输出每个li的值</button></p>
   <ul>
      <li>javascript</li>
      <li>jquery</li>
      <li>vue</li>
   </ul>
</body>
</html>

相关页面

jQuery 实例 >>>>>>>>>

优惠劵

蝴蝶教程

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery toArray() 方法

定义和用法toArray()方法以数组的形式返回 jQuery 选择器匹配所有DOM元素。语法$(selector).toArray()实例下例演示了把 <li> 元素转换为数组，然后输出该数组元素的 innerHTML ：<!DOCTYPE html><html lang="en"><head><meta ...
复制链接

扫一扫