Jquery遍历中的this是指的什么?

超、凢脫俗 2022-04-24 22:38 174阅读 0赞

# Jquery遍历中的this是指的什么? #

最近在写Jquery遍历的时候一直不知道this指的是啥,就反复验证,写这篇文章也是为了让自己记住,同时也给大家一个参考.  
先上代码:省市联动的案例:

<script>
    $(function(){
        //定义一个json数组
        var arr = [
            {name:"河南省",cities:["郑州","洛阳","开封"]},
            {name:"辽宁省",cities:["沈阳","大连","鞍山","辽东"]},
            {name:"山东省",cities:["青岛","济南","烟台"]},
        ];
        //遍历数组 获得省份
        $(arr).each(function(index,element){
        	$("#province").append("<option>"+element.name+"</option>");
        	//alert("element.name="+element.name);
        	//alert("this1.name="+this.name);
        	//通过比较,this.name=element.name,所以this就是element,指的是arr对象中的每一个元素.
        	
        });
      //为省份添加事件,当省份被选中之后,添加城市到城市列表中
       $("#province").change(function(){
    	   //获取到所选省份
    	   var value=$(this).val();
    	 //此处不能直接写this,因为this指的是append到province对象中的内容,上面已经append3个name进去了,所以此处的this是一个数组,其实
    	 //就是#province,this的值为:[--选择省--,河南省,辽宁省,山东省].总共是长度是4.
    	   //var value=$("#province")[0].innerHTML;
    	   	//var value=$(this)[0].innerHTML;//$(this)[0]是$(this)的js对象
    		 //var value=this.length;=4
    	   alert("value="+value);
    	   //每次显示完后清空
    	  $("#city").html("<option>--选择市--</option>");
    	   //遍历数组,拿到选择省份对应的城市数组
    	   //i为索引,e为对象
    	   $(arr).each(function(i,e){
    		   //alert("e.name="+this.name);
    		   //alert("e.name="+e.name);
    		   //经过验证:this.name=e.name,其实this和e都指的是arr对象中的每一个元素.
    		   if(e.name==value){//如果遍历出来的name属性与所选择的的省份一样
    			 //遍历该城市数据,将城市添加到省份列表中
    			 $(e.cities).each(function(i,e){
    				 //alert("e.cities="+e.cities);
    				 alert("this1="+this);
    				 alert("this2="+e);
    				 //
    				 $("#city").append("<option>"+this+"</option>");
    			 });
    		   }
    		   
    	   });
    	   
       });
    
    });
    	
    </script>

![接上代码][20190429205336165.png]  
啰嗦了一大堆,最后结论就是,this就是$(jquery)对象里面的每一个元素.

[20190429205336165.png]: /images/20220212/f73d9396d6c542d89b0f95297f776ceb.png

发表评论取消回复

表情：

评论列表（有 0 条评论，174人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery 遍历

什么是遍历？ jQuery 遍历，意为"移动"，用于根据其相对于其他元素的关系来"查找"（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素

桃扇骨/ 2024年03月16日 11:22/ 0 赞/ 30 阅读

相关 JQuery中的遍历-元素查找

JQuery遍历概念 jQuery 遍历，可以理解为“移动”，用于根据其相对于其他元素的关系来“查找”（或选取）HTML 元素。废话不多说先上方法 <table

╰半夏微凉°/ 2022年11月26日 15:58/ 0 赞/ 158 阅读

相关 jQuery 遍历

什么是遍历？ [jQuery][] 遍历，意为“移动”，用于根据其相对于其他元素的关系来“查找”（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期

朱雀/ 2022年10月01日 01:00/ 0 赞/ 138 阅读

相关 javacript中的this到底是什么

var obj = { foo: function(){ console.log(this) } }

浅浅的花香味﹌/ 2022年10月01日 00:38/ 0 赞/ 154 阅读

相关 jQuery遍历

1.祖先 parent()方法：返回被选元素的直接父元素 $(document).ready(function(){ $("span").paren

爱被打了一巴掌/ 2022年09月21日 11:49/ 0 赞/ 133 阅读

相关一句话告诉你JQuery $(this)到底指的是什么

看了网上好多关于jquery $(this)的解释，感觉都说的很模糊。下面说出我自己的理解。 this表示的是当前对象，下面以例子来说明 <!DOCTYPE h

朴灿烈づ我的快乐病毒、/ 2022年09月18日 13:54/ 0 赞/ 127 阅读

相关 jQuery 遍历

一、jQuery 遍历 - 祖先 1.向上遍历 DOM 树这些 jQuery 方法很有用，它们用于向上遍历 DOM 树： [parent()][paren

港控/mmm°/ 2022年05月30日 05:37/ 0 赞/ 147 阅读

相关 Jquery遍历中的this是指的什么?

Jquery遍历中的this是指的什么? 最近在写Jquery遍历的时候一直不知道this指的是啥,就反复验证,写这篇文章也是为了让自己记住,同时也给大家一个参考.

超、凢脫俗/ 2022年04月24日 22:38/ 0 赞/ 175 阅读

相关 jQuery遍历

文章目录 jQuery遍历向上遍历向下遍历同级遍历过滤

拼搏现实的明天。/ 2022年01月24日 00:21/ 0 赞/ 215 阅读

相关已知后序遍历是dabec，中序遍历是debac，它的前序遍历的序列是什么？

已知后序遍历是dabec，中序遍历是debac，它的前序遍历的序列是什么？ 1.由后序遍历，得知C肯定为根结点 2.由中序遍历可知，c的左边是左子树（c右边是右子树）

灰太狼/ 2022年01月16日 13:35/ 0 赞/ 131 阅读