0
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

jQueryの$.each()メソッド

Posted at

#jQueryの$.each()メソッド
jQueryの$.each()メソッドを使用すると、
配列やハッシュに対して繰り返し処理を行うことができる。

第一引数には繰り返し処理を行いたい配列、
第二引数には取り出した要素に対して行いたい処理を設定する。

##例
前提として、変数inputにはユーザーが入力した値がに代入される

    var fruits = ['apple', 'grape', 'orange'];
    $.each(fruits, function(i, fruit) {
      if (input === fruit) {
        $("#result").text(input);
        return false;
      }
    });

※第二引数で指定した処理の引数
 第一引数…配列の要素番号(インデックス)
 第二引数…配列の要素

ユーザーが入力した値と配列に格納されている値を一つ一つ比較する。
一致した場合、$("#result").text(input)を実行し、
"return false"で処理から抜ける。

0
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?