jquery the wrong way to take an object array element

The code is as follows:

1 <DivID= "Div1">2     <span>A</span>3     <span>B</span>4     <span>C</span>5 </Div>

1. Error mode: You cannot use the [] method to fetch an array of jquery objects, as follows:

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

This is not valid.

2. You can use the jquery eq () method to select:

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

3. You can use the each () method to traverse:

1 $ (function() {2     var div_span = $ ("#div1 span"); 3     var i = 0; 4     function () {5         $ (this). html (i); 6         i++; 7     }); 8 });

each () traversal, if you get a jquery object with $ (this), if you use this directly, you get the DOM object

4. An array of Dom objects obtained from the pure JS code, which can be used [] to get the array elements

jquery the wrong way to take an object array element