【jQuery】jQuery.each を使ってみる

Tweet

Category JavaScript / Tagged jQuery 2012/04/22

$.each(配列 or オブジェクト, コールバック) を使うと、for文でループするのと同じことができます。

$.eachって何？

jQueryにはいくつか便利機能が付いています。
http://api.jquery.com/category/utilities/

$.eachはその便利機能のひとつ。$(セレクタ).each(コールバック)とは違います。

$.eachで配列のループをしてみる

javascriptのfor文だとこう。

var a = [10, 20, 30, 40, 50];
for (var i = 0, l = a.length; i < l; ++i) {
    alert("indexは" + i + "、値は" + a[i] + "。");
}

ループの途中で抜けたいときは、break します。

jQueryのeachだとこう。

var a = [10, 20, 30, 40, 50];
$.each(a, function(i, e) {
    alert("indexは" + i + "、値は" + e + "。");
});

ループの途中で抜けたいときは、return false します。

$.eachでオブジェクトのループをしてみる

javascriptのfor文だとこう。

var o = {"a":10, "b":20, "c":30, "d":40, "e":50};
for (var i in o) {
    alert("プロパティは" + i + "、値は" + o[i] + "。");
}

ループの途中で抜けたいときは、break します。

jQueryのeachだとこう。

var o = {"a":10, "b":20, "c":30, "d":40, "e":50};
$.each(o, function(i, e) {
    alert("プロパティは" + i + "、値は" + e + "。");
});

ループの途中で抜けたいときは、return false します。