标题 | jquery操作对象数组元素方法详解 |
内容 | 代码如下: 代码如下: <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种是正确的方法,第一种是错误的,把他放在第一个,是因为要强调下,以后不能再犯同样的错误了,小伙伴们可要看仔细哈。 |
随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。