成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? 詳解Jquery 遍歷數(shù)組之$().each方法與$.each()方法介紹
全站頭部文字 我要出現(xiàn)在這里
詳解Jquery 遍歷數(shù)組之$().each方法與$.each()方法介紹 684 2024-02-06   

$().each()

對于這個方法,在dom處理上用的比較多,如果一個html頁面上面有多個checkbox,這時用$().each來處理checkbox是比較不錯的;

$("input[type='checkbox']").each(function(i){
  $(this).attr("checked",true);
});

回調函數(shù)里面的i在此處代表input集合傳遞過去的索引(也就是正在遍歷的input元素的索引);

但是這段代碼只用到了input集合的索引

<head>
  <title></title>
  <script src="http://www.gimoo.net/t/1808/jquery-1.9.0.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
      $('input:hidden').each(function (index, obj) {
        alert(obj.name + "..." + obj.value);
      });
    });
  </script>
</head>
<body>
<input type="hidden" value="1" name="a"/>
<input type="hidden" value="2" name="b"/>
<input type="hidden" value="3" name="c"/>
</body>

上面這段代碼用到了input集合的索引,有用到了input集合的dom對象,可以通過該對象,拿到其對應的屬性如:name,value等;

$.each()方法

1. 該方法處理一維數(shù)組,代碼如下:

$.each(["aaa","bbb","ccc"],function(index,value){
   alert(i+"..."+value);
});

結果是輸出 0...aaa 1...bbb 2...ccc

2.該方法處理二維數(shù)組,代碼如下:

    $(function () {
      $.each([["aaa", "bbb", "ccc"], ["ddd", "eee", "fff"], ["ggg", "hhh", "iii"]], function (index, item) {
        alert(index + "..." + item);
        //輸出0...aaa,bbb,ccc 1...ddd,eee,fff 2...ggg,hhh,iii  這時的index為數(shù)組下標,item相當于取這二維數(shù)組中的每一個數(shù)組
        $.each(item, function (index, itemobj) {
          alert(index + "....." + itemobj);
        });
      });
      //輸出0...aaa,bbb,ccc 0...aaa 1...bbb 2...cccc 1...ddd,eee,fff 0...ddd 1...eee 2...fff 2...ggg,hhh,iii 0...ggg 1...hhh 2...iii
    });

3.該方法處理json數(shù)組,代碼如下:

    $(function () {
      var json = [{ name: "張三", sex: "男" }, { name: "李四", sex: "女" }, { name: "王五", sex: "gay"}]; //自定義一個json數(shù)組
      $.each(json, function (index, obj) {
        alert(index + "..." + obj.name+"..."+obj.sex);
      });
    });

json為后臺傳遞過來的json數(shù)組,each遍歷該數(shù)組,index通常為數(shù)組里面對象的索引,而obj為當前遍歷到的對象

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持綠夏網(wǎng)。



主站蜘蛛池模板: 战长沙每个人的结局| 重温经典节目预告| 克蕾曼丝·波西| 赏金猎人日本电影完整版| 相见故明月| 日本女人的性生活视频| 五年级脱式计算题100道| 女友的男朋友| 徐若晗个人简历| 黄大年主要事迹概括| 小绿人| 免费头像图片| 韩国一个好妈妈| 网络谜踪| 苏捷斯卡战役 电影| 普通日记200字可抄| 深夜影院一级毛片| 远景山谷1981美国电影在线观看| 我和大姨子| 家族游戏| 风花电影完整版免费观看| 白上之黑| 陈一| 绫濑天| 诱惑的艺术| a和b生的孩子是什么血型| 乱世危情电视剧演员表| 团结就是力量歌词完整| karina hart| 卢靖姗老公是谁| 流浪地球免费观看| 林青霞离婚| 心动电影| 反恐特战队2之猎影| 雨纷飞飞在天空你是我的眼泪| 抖音app安装| 重温经典节目预告| 我仍在此 电影| 抖音下截| 西藏秘密演员表全部| 王渝萱演过的所有影视作品|

!??!站長長期在線接!??!

網(wǎng)站、小程序:定制開發(fā)/二次開發(fā)/仿制開發(fā)等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103