jquery取對象數組元素的錯誤方式

代碼以下:

1 <div id="div1">
2     <span>a</span>
3     <span>b</span>
4     <span>c</span>
5 </div>

 

1.錯誤方式:不能用[]方式取jquery對象數組,以下:

1 $(function() {
2     var div_span = $("#div1 span");
3     for( var i = 0; i < div_span.length; i++ ) {
4         div_span[i].html();
5     }
6 });

這樣無效.

 

2.能夠用jquery的eq()方法來選擇:

1 for( var i = 0; i < div_span.length; i++ ) {
2     div_span.eq(i).html();
3 }

3.能夠用each()方法來遍歷:

1 $(function() {
2     var div_span = $("#div1 span")4     div_span.each( function(){
5         $(this).html();7     });
8 });

each()遍歷的時候,若是用$(this)獲得的是jquery對象,若是直接用this,獲得的是DOM對象

4.純js代碼獲取的DOM對象數組,能夠用[]的方式獲取數組元素