jquery 之for 循环

时间:2023-11-11 20:09:38

jquery 的 for 循环:

1、 var userList = [11,22,33,44];

  $.each(userList,function(i,item){

    console.log(i, item);

  });

  结果输出:

0 11

  1 22

  2 33

  3 44

用法:  $.each()  第一个参数是循环的对象 , 第二个参数对对象中的每一个元素 执行 function函数 ,function 的第一个参数 i 是索引,item 是 循环对象中的每一个元素。

一般的写法:  for(var i in userList){}   这里面的 i 是 索引。

如果循环对象是 字典,上面的 i, item 分别是 key , value 。

2、 如果有一个 table 包含多个 tr , 每个 tr 包含多个 td , td 中 有 checkbox 。如果要循环 checkbox 。可以用以下的写法:

function ReverseAll(){

$('table :checkbox').each(function(){

       var isChecked = $(this).prop('checked');     // $(this) 获取当前的循环对象,此例中表示 table 中的 checkbox 子元素 集合中的一个元素

       if(isChecked) { $(this).prop("checked",false); }

       else{ $(this).prop("checked",true);  }

  }) ;

}                                                      //此函数实现对 table表中所有的checkbox 反选功能。

  此处用 $('table :checkbox') 选择器 获取的 table 对象中的所有 checkbox 子元素,并且对每个子元素 执行 function 。是一种链式编程。