前回の$().eachを参考に色々なプログラムを読んでいくうちに、今度は、$.each(Object,function(index,Element){})的なプログラムに当たり、こちらも早速リファレンスを当たってみました。
(予想としては、Objectをループしながら、indexとその各要素を取得できるということだと思うんですが。)
jQueryの公式リファレンスを読んでみると案の定的中しちゃった。
というわけで、さっそくプログラムをさくっとこさえました。
<html>
<head>
<title>Jquery.eachテスト</title>
<script type="text/javascript"
src="./jquery-1.4.2.min.js"
></script>
<script>
function lf_Run(){
$.each(["hage","baka","kaba"],function(index,domEle) {
alert(index + ': ' + domEle);
});
}
</script>
</head>
<body>
<input type="button"
value="Run"
onclick="lf_Run();"
>
</body>
</html> |
実行結果はこのようになります。
上は、配列で試しましたが、同様にJSONでもいけちゃうみたいです。
<html>
<head>
<title>Jquery.eachテスト</title>
<script type="text/javascript"
src="./jquery-1.4.2.min.js"
></script>
<script>
function lf_Run(){
$.each(
{"hage":"hoge1","baka":"hoge2","kaba":"hoge3"}
, function(index,domEle) {
alert(index + ': ' + domEle);
}
);
}
</script>
</head>
<body>
<input type="button"
value="Run"
onclick="lf_Run();"
>
</body>
</html> |
実行してみると、案の定、
hage:hoge1
baka:hoge2
kaba:hoge3 |
と返ってきました。
今回は、最初から順番に取り出していくeachメソッドでしたが、逆に最後から取り出してくれる、reverseメソッド的なものがあるとおもしろいかも。
0 コメント:
コメントを投稿