足球盘口软件
当前位置: 足球盘口软件 > 前端 >
遍历JQuery对象和非JQuery对象

 

  • $.each()
var sum = 0; var arr = [ 1, 2, 3, 4, 5 ]; for ( var i = 0, l = arr.length; i < l; i++ ) { sum += arr[ i ]; } console.log( sum ); // 15 $.each( arr, function( index, value ){ sum += value; }); console.log( sum ); // 15
var sum = 0; var obj = { foo: 1, bar: 2 } for (var item in obj) { sum += obj[ item ]; } console.log( sum ); // 3 $.each( obj, function( key, value ) { sum += value; }); console.log( sum ); // 3
// 以下代码是错误的 $.each( $( "p" ), function() {});

 

  • .each()
<ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> </ul> $( "li" ).each( function( index, element ){ console.log( $( this ).text() ); }); // Link 1 // Link 2 // Link 3
$( "li" ).each( function( index, listItem ) { this === listItem; // true $.ajax({ success: function( data ) { // 上下文发生改变了 this !== listItem; // true } }); });
$( "li" ).each( function( index, el ) { $( el ).addClass( "newClass" ); }); $( "li" ).addClass( "newClass" );
// 无法运行的 $( "input" ).val( $( this ).val() + "%" ); // .val() 不能改变执行上下文,所以这里this === window $( "input" ).each( function( i, el ) { var elem = $( el ); elem.val( elem.val() + "%" ); });

-

-

-

-

-

-

-

-

$( "input" ).each( function( i, el ) { var elem = $( el ); elem.val( elem.val() + "%" ); }); $( "input" ).val(function( index, value ) { return value + "%"; });

 

  • .map()
var newArr = []; $( "li" ).each( function() { newArr.push( this.id ); }); $( "li" ).map( function(index, element) { return this.id; }).get();

 

  • $.map()
<li id="a"></li> <li id="b"></li> <li id="c"></li> <script> var arr = [{ id: "a", tagName: "li" }, { id: "b", tagName: "li" }, { id: "c", tagName: "li" }]; // 返回 [ "a", "b", "c" ] $( "li" ).map( function( index, element ) { return element.id; }).get(); // 返回 ["a", "b", "c"] $.map( arr, function( value, index ) { return value.id; }); </script>

) var sum = 0 ; var arr = [ 1 , 2 , 3 , 4 , 5 ]; for ( var i = 0 , l = arr.length; i l; i++ ) { sum += arr[ i ]; } console.log( sum ); // 15 $.each( arr, function ( index, v...

上一篇:没有了 下一篇:没有了
返回顶部