気ままにふりーだむ

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

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

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

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

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

Materializeとsimple_formでシンプルでいい感じのフォームを作りたい!

マテリアルデザイン「Materialize」とフォームの記述がシンプルな「simple_form」の実装をしたので、メモ。 GemfileにGemを記載からのbundle install [crayo …

no image

[Rails]deviseを実装する

こんにちは。 ログイン機能を実装する便利なGem deviseの導入方法をまとめます。 それでは早速はじめます。 まずはGemfileにdeviseを記載します。 [crayon-5dac2ed88e …

[AWS]bundle exec cap production deployのエラーでつまった話

デプロイを行う際に発生したエラーで行なったことをメモ。 同じように困った方の参考になればと。 環境 ruby 2.3.1 Rails 5.0.7.2 MySQL git unicorn nginx c …

画像アップロードCarrierwaveを導入する

画像アップロードのGem Carrierwaveの導入方法を忘れちゃうので、手順をメモ。 今回は画像リサイズのためmini_magickも導入します Gemfileを設定 それでは早速、下記Gemをイ …