Jquery用法一些总结

最新推荐文章于 2022-11-15 09:59:08 发布

akwolf

最新推荐文章于 2022-11-15 09:59:08 发布

阅读量559

点赞数

分类专栏： Javascript 文章标签： jquery function list each java

本文链接：https://blog.csdn.net/akwolf/article/details/6844160

版权

Javascript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

2、each用法

语法

$(selector).each(function(index,element))

i、页面中有如下一些元素

        <p>
            zhangsan
        </p>
        <p>
            lisi
        </p>
        <p>
            wangwu
        </p>

使用each方法对其进行遍历：

            $(function(){
                $("p").each(function(i, ele){
                    alert(i + '<--------->' + $(ele).html() + '<--------->' + $(this).html());
                });
            });

ii、有一个js数组如

var list = ['zhangsan', 'lisi', 'wangwu'];

对其进行遍历：

            $.each(list, function(i, ele){
                alert(list + '<--->' + i + "<---->" + ele + "<---->" + list[i]);
            });

iii、在each中使用return false;相当如java中循环中使用break的功能，使用return true相当与continue功能，如

	var arr = ['zhangsan','lisi','wangwu','zhaoliu'] ;
	$.each(arr,function(i,ele){
		if(ele=='wangwu'){
			alert("wangwu--continue") ;
			return true ;
		}
		alert(ele) ;
	}) ;