溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

詳解Jquery 遍歷數(shù)組之$().each方法與$.each()方法介紹

發(fā)布時(shí)間：2020-09-04 20:49:26 來源：腳本之家 閱讀：119 作者：鄭小超 欄目：web開發(fā)

$().each()

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

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

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

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

<head>
  <title></title>
  <script src="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對(duì)象,可以通過該對(duì)象,拿到其對(duì)應(yīng)的屬性如：name，value等；

$.each()方法

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

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

結(jié)果是輸出  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  這時(shí)的index為數(shù)組下標(biāo),item相當(dāng)于取這二維數(shù)組中的每一個(gè)數(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"}]; //自定義一個(gè)json數(shù)組
      $.each(json, function (index, obj) {
        alert(index + "..." + obj.name+"..."+obj.sex);
      });
    });

json為后臺(tái)傳遞過來的json數(shù)組，each遍歷該數(shù)組,index通常為數(shù)組里面對(duì)象的索引,而obj為當(dāng)前遍歷到的對(duì)象

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手