引数
- (function) function
- 関数
jQuery オブジェクトが保持しているDOM要素に対して繰り返し処理をおこなう。
サンプル
Javascript
$('.jq-sample1 .execute').on('click', function(){
$('.jq-sample1 li').each(function(){
$(this).css('border', '2px solid red');
});
});
HTML
<div class="jq-sample1">
<button class="cq-btn execute">実行</button>
<ul>
<li>Javascript</li>
<li>PHP</li>
<li>HTML</li>
</ul>
</div>
eachの引数であるfunctionはインデックス番号 i とDOM要素 element を引数として受け取ることができる。
サンプル
Javascript
$('.jq-sample2 .execute').on('click', function(){
var str = '';
$('.jq-sample2 li').each(function(i, element){
str += i + ' : ' + element.innerText + '<br />';
});
$('.jq-sample2 .display').html(str);
});
HTML
<div class="jq-sample2">
<button class="cq-btn execute">実行</button>
<ul>
<li>Javascript</li>
<li>PHP</li>
<li>HTML</li>
</ul>
<hr />
<div class="display"></div>
</div>