HOME > リファレンス > jQuery > jQuery API一覧 > Utilities > jQuery.each(collection, callback(indexInArray, valueOfElement))

jQuery.each(collection, callback(indexInArray, valueOfElement))

引数

object: Object or Array
callback: Function

戻り値

Object

引数のオブジェクトは配列、オブジェクトの両方が利用できる。HTMLコレクションとか処理するときとか便利かも。まぁ生のDOM扱うことほとんどないけどｗ

基本的に$().each()と一緒。

サンプル

実行結果

LI0
LI1
LI2

Javascript

var arr = ['arr0', 'arr1', 'arr2'];
var obj = {key0: 'value0', key1: 'value1', key2: 'value2'};
var jq = $('.jqTest li');
var style = { background: '#E5E5E5',
padding: '1em',
margin: '1em' };
var screen = $('.jqTest .resultScreen');
var result = '';
jQuery.each(arr, function(key, value){
result += key + ' : ' + value + ' : ' + this + '<br />';
});
$('<div>').css(style).html(result).appendTo(screen);
result = '';
jQuery.each(obj, function(key, value){
result += key + ' : ' + value + ' : ' + this + '<br />';
});
$('<div>').css(style).html(result).appendTo(screen);
result = '';
jQuery.each(jq, function(key, value){
result += key + ' : ' + value + ' : ' + this.innerText + '<br />';
});
$('<div>').css(style).html(result).appendTo(screen);

HTML

<div class="jqTest">
<ul>
<li>LI0</li>
<li>LI1</li>
<li>LI2</li>
</ul>
<hr />
<div class="resultScreen"></div>
</div>

jQueryオブジェクトももちろん回せるけどメソッドチェーンでやったほうがいいよね。

参照ページ