JQuery中$.each的用法


1 $.each()對數據的處理:

語法:$.each(data,function(index,value))

1.1eg:對數組數據的處理:

<body>

<p></p>

<script>

var arr1=new Array("a","b","c","de");
var tmps="";
fun1();
function fun1(){
$.each(arr1, function(i,val) {
tmps+=i+"----"+val+"<br/>";
});
$("p").html(tmps);
};
</script>

</body>

輸出結果:

0----a
1----b
2----c
3----de

1.2eg:json數據處理

var json1={key1:"a","9527":"b","key3":"c"};
var tmps="";var hang1="------";var hang2="<br/>";

$.each(json1, function(key,value) {
tmps+=key+hang1+value+hang2;
});

$("p").html(tmps);

輸出:

var json2={key1:"a","9527":"b","key3":"c"};
var tmps="";var hang1="------";var hang2="<br/>";

$.each(json2, function(key,value) {
tmps+=key+hang1+value+hang2;
});

$("p").html(tmps);

1.3eg: 對數組對象的處理

var json4=[{name:"n1",age:"18"},{name:"jim",age:"20"},{name:'amy',"age":16}];

var tmps="";var hang1="------";var hang2="<br/>";

$.each(json4, function(key,vale) {
tmps+=key+hang1+vale.name+hang2;
});
$("p").html(tmps);

2 對DOM的處理:

在遍歷DOM時,通常用$(selector).each(function(index,element))函數;

也可以用$.each(each(function(index,element))函數;

eg:


<p></p>
<input name="dm" type="hidden" value="a" />
<input name="dm" type="hidden" value="b" />
<input name="dm" type="hidden" value="c" />
<input name="dm" type="hidden" value="d"/>


<script>
var tmps="";
$.each($("[name='dm']"), function(i,val) {
tmps+=i+"------"+val.name+"-----"+val.value+"<br/>";
});
$("p").html(tmps);
</script>

也可以這樣寫:

<body>

<p></p>
<input name="dm" type="hidden" value="a" />
<input name="dm" type="hidden" value="b" />
<input name="dm" type="hidden" value="c" />
<input name="dm" type="hidden" value="d"/>


<script>
var tmps="";
$("[name='dm']").each( function(i,val) {
tmps+=i+"------"+val.name+"-----"+val.value+"<br/>";
});
$("p").html(tmps);
</script>
</body>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM