javascript橫排豎排標準選項卡效果代碼
1318
2024-04-07
$().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)。
#免責聲明#
本站[綠夏技術導航]提供的一切軟件、教程和內容信息僅限用于學習和研究目的;不得將上述內容用于商業(yè)或者非法用途,否則,一切后果請用戶自負。本站信息來自網(wǎng)絡收集整理,版權爭議與本站無關。您必須在下載后的24個小時之內,從您的電腦或手機中徹底刪除上述內容。如果您喜歡該程序或內容,請支持正版,購買注冊,得到更好的正版服務。我們非常重視版權問題,如有侵權請郵件[admin@lxwl520.com]與我們聯(lián)系進行刪除處理。敬請諒解!