気ままにふりーだむ

学習やメモなどを投稿します。プログラミング仲間や仕事、求人の話は大募集。気軽にフォローやいいねいただけると励みになります!

jQuery プログラミング

jQueryで繰り返し処理each文を使ってみる!

投稿日:

each文のまとめです!
jQueryでは配列、オブジェクト、jQueryオブジェクトが対応可能。
jQueryオブジェクトの場合、少し記載が異なります。
また途中終了する方法とスキップする方法を記載します。

配列の場合

まず単純に配列を表示させたい場合です。
配列breadsをeachで繰り返し処理を行い表示させてます。

$.each(breads,function(index,bread) {
breadsは配列。function(index,bread)の引数indexにはインデックス番号(要素番号)、breadには配列の値が入ります。

オブジェクトの場合

記載方法は変わりませんね。

jQueryオブジェクトの場合

今回は少し変わります。といっても$(".breads")のようにjQueryオブジェクトになるだけです。
今回htmlファイルに下記のように記載しています。

リストのclass(breads)から値を取得し、コンソールに出力します。
今までとの違いは対象を$(".breads")と記載し、
$(bread).text()で値を表示しています。

途中終了とスキップ(return false/true)

for文やwhile文で途中終了させたいときにお馴染みの処理。他言語ではbreakや
continueが一般的ですが、jQueryではreturn falsereturn trueになる。

return false

あんぱんがあったら繰り返し処理を終了します。

return true

return trueを使って、あんぱんがあったら処理を飛ばして違う場合は表示させます。

-jQuery, プログラミング

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

[Rails]ヘルパーメソッドを作る!

こんにちは! 今回はヘルパーメソッドについてのまとめです。 ヘルパーメソッドを自分で作成してみたいと思います。 それでは早速いってみましょう! そもそもヘルパーメソッドとは そもそもヘルパーメソッドな …

チャットアプリにメッセージの編集と削除ボタンをつける

やりたいこと 現在チャットアプリを作っており、投稿したメッセージの編集と削除を行うために まずはボタンを配置したいと思っています。またそのボタンは常時表示させるのでなく、 該当メッセージにカーソルが当 …

AWS+nginxサーバーに独自ドメインを設定したい

はじめに 現在の状況です。 下記環境でAWSにnginxサーバーを使用してデプロイはできている状態です。 IPでアプリケーションは表示されているが、自分で取得したドメインでも表示できるように したいと …

no image

正規表現全然わからん!でもまとめる!

正規表現について、まとめます! 使うときのためにメモ。 \d 1個の半角数字(0123456789) \dは「1個の半角数字」なので、\d\dは「半角数字2個」の意味 [crayon-5dee82db …

no image

[Ruby]「class クラス名 end」という記述じゃないクラス定義

クラス定義は通常下記のように行いますよね。

上記を用いないでクラス定義する方法について学んだのでメモ。 結論からいうと下記のような記載 …