jquery中each的用法详解

最新推荐文章于 2021-05-03 13:32:06 发布

张贺_

最新推荐文章于 2021-05-03 13:32:06 发布

阅读量1.1k

点赞数

分类专栏：学习笔记文章标签： jquery

本文链接：https://blog.csdn.net/weixin_41849462/article/details/80636588

版权

学习笔记专栏收录该内容

68 篇文章 1 订阅

订阅专栏

对象访问：

length：返回对象个数；

    	$("input").click(function(){
    		console.log($("div").length);
    	});

size（）；返回对象个数；

    	$("input").click(function(){
    		alert($("div").size());
    	});

each：遍历

each：每个元素；

用法：元素.each（function(index，element）{ }）

index：索引下标

element：元素（一个元素对应一个下标，输出时候成对输出）

<body>
    <div>div1</div>
    <div>div2</div>
    <div>div3</div>
    <input type="button" name="" value="点击">
    <script type="text/javascript">
    	$("input").click(function(){
    		$("div").each(function(index, el) {
    			console.log(index);
    		});
    	});
    </script>
</body>

输出：

注意：index是从0开始的

    	$("input").click(function(){
    		$("div").each(function(index, el) {
    			console.log(el);
    		});
    	});

输出：

张贺_

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery中each的用法详解

对象访问：length：返回对象个数； $("input").click(function(){ console.log($("div").length); });size（）；返回对象个数； $("input").click(function(){ alert($("div").size()); });each：遍历each：每个元素；...
复制链接

扫一扫