each()遍历

each()遍历

<html>
<head>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script type="text/javascript">
$(function(){
    $("button").click(function(){
        //为button绑定事件
        $("li").each(function(){
            //each()方法获取所有li元素
            alert($(this).text())
            //注意必须是$(this)不能只有this
        })
    })
})  

</script>
</head>
<body>
<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>

分析

each()的参数 function是说如何对待each方法选择的对象。在本例中是弹出each的3个对象的文本内容。

参考

jQuery 遍历 - each() 方法

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • $.each()干嘛的? 用来遍历的。 能遍历什么? 比如数组,dom元素,json数据 有参数么?是什么? 有。...
    鸭梨山大哎阅读 3,841评论 2 12
  • 1.jquery 遍历对象 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0...
    NotFoundError阅读 3,247评论 0 0
  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 3,860评论 0 3
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,906评论 0 1
  • 母亲节前夕,我把新拍的商务礼仪照片的小样分享到【爸妈弟妹】群,并提前祝福老妈母亲节快乐。 老爸老妈、姐姐、弟弟都纷...
    AHa雅涵Ani阅读 2,669评论 0 4