English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery each() メソッド

jQuery 遍历メソッド

each()メソッドはjQueryオブジェクトを巡回し、選択された各要素に対して一度の関数を実行します。

each()メソッドは、DOMループ構造を簡潔で明確にし、エラーが少なくなるように設計されています。

文法:

$$(selector).each(function(index, element))

各リストアイテムを遍历し、各要素のテキストを弹出する:

$("button").click(function(){
  $("li").each(function(){
    alert($(this).text());
  });
});
テストをしてみて‹/›

return falseおよびeach()ループを終了するための使用方法:

$("button").click(function(){
  $("div").each(function(index, element){
    $("element").css("backgroundColor", "yellow");
    if($(this).is("#stop")){
      $("span").text("div停止インデックス #" + index);
      return false;
    }
  });
});
テストをしてみて‹/›

引数の値

引数説明
function(index, element)指定された各選択された要素に対して実行する関数を指定
  • index-指定選択子のインデックス位置を指定

  • element-現在の要素を指定

jQuery 遍历メソッド