源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery操作对象数组元素方法详解

  • 时间:2022-06-12 00:41 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery操作对象数组元素方法详解
代码如下:
[u]复制代码[/u] 代码如下:
 <div id="div1">      <span>a</span>      <span>b</span>      <span>c</span>  </div>
[b]1.错误方式[/b]:不能用[]方式取jquery对象数组,如下:
[u]复制代码[/u] 代码如下:
 $(function() {      var div_span = $("#div1 span");      for( var i = 0; i < div_span.length; i++ ) {          div_span.[i].html(i);      }  });
这样无效. 2.可以[b]用jquery的eq()方法[/b]来选择:
[u]复制代码[/u] 代码如下:
 for( var i = 0; i < div_span.length; i++ ) {      div_span.eq(i).html(i);  }
3.可以[b]用each()方法来遍历[/b]:
[u]复制代码[/u] 代码如下:
 $(function() {      var div_span = $("#div1 span");      var i = 0;      div_span.each( function(){          $(this).html(i);          i++;      });  });
each()遍历的时候,如果用$(this)得到的是jquery对象,如果直接用this,得到的是DOM对象 4[b].纯js代码获取的DOM对象数组[/b],可以用[]的方式获取数组元素 后面3种是正确的方法,第一种是错误的,把他放在第一个,是因为要强调下,以后不能再犯同样的错误了,小伙伴们可要看仔细哈。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部