each()-jQueryメソッド

なわて投稿サムネイル

each()メソッドの構文

jQueryオブジェクト.each(function(index,element){


    繰り返す内容の処理

})

each()の詳細

処理内容:jQueryオブジェクト(HTML要素や配列など)が含む各要素毎に、引数に指定した関数を実行するするメソッド。
引数 index:現在処理されている要素の番号 (0からスタート)
引数 element:取得したHTML要素

each()メソッドを使ったコード例

HTML

<div>
  <button class="b1">olive</button>
  <button class="b2">orange</button>
  <button class="b3">brown</button>  
</div>

CSS

.b1{
  background-color:olive;
}
.b2{
  background-color:orange;
}
.b3{
  background-color:brown;
}

jQuery

 $('button').each(function(index, element)
{
document.write(index + ':' + $(element).text() + "\t");
}
)

See the Pen
each()-jQuery
by roymoy (@roymoy)
on CodePen.