jquery操作对象数组元素方法详解
更新时间:2014年11月26日 16:27:24 投稿:hebedich
本文介绍了jQuery操作对象数组元素的3种方法以及一种错误方法,这里记录一下,防止下次再犯,有需要的小伙伴也可以参考下。
代码如下:
复制代码 代码如下:
<div id="div1">
<span>a</span>
<span>b</span>
<span>c</span>
</div>
1.错误方式:不能用[]方式取jquery对象数组,如下:
复制代码 代码如下:
$(function() {
var div_span = $("#div1 span");
for( var i = 0; i < div_span.length; i++ ) {
div_span.[i].html(i);
}
});
这样无效.
2.可以用jquery的eq()方法来选择:
复制代码 代码如下:
for( var i = 0; i < div_span.length; i++ ) {
div_span.eq(i).html(i);
}
3.可以用each()方法来遍历:
复制代码 代码如下:
$(function() {
var div_span = $("#div1 span");
var i = 0;
div_span.each( function(){
$(this).html(i);
i++;
});
});
each()遍历的时候,如果用$(this)得到的是jquery对象,如果直接用this,得到的是DOM对象
4.纯js代码获取的DOM对象数组,可以用[]的方式获取数组元素
后面3种是正确的方法,第一种是错误的,把他放在第一个,是因为要强调下,以后不能再犯同样的错误了,小伙伴们可要看仔细哈。
相关文章
jQuery增加、删除及修改select option的方法
这篇文章主要介绍了jQuery增加、删除及修改select option的方法,涉及jQuery针对form表单中select选项的常见操作技巧,需要的朋友可以参考下2016-08-08jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
这篇文章主要介绍了jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法,结合实例形式分析了jQuery中$.extend(true,object1, object2);进行深拷贝操作相关实现技巧,需要的朋友可以参考下2019-03-03基于jquery的文本框与autocomplete结合使用(asp.net+json)
基于jquery的文本框与autocomplete结合使用示例代码,需要的朋友可以参考下2012-05-05
最新评论