プログラム言語:javascript_jquery:ループ

差分

このページの2つのバージョン間の差分を表示します。

この比較画面にリンクする

--- プログラム言語:javascript_jquery:ループ [2019/03/29 10:54]
yusuke_komori
+++ プログラム言語:javascript_jquery:ループ [2024/12/27 05:02] (現在)
humolife [HTML要素でループ]
@@ 行 2: / 行 2: @@
 ===== eachを使ったjQueryでのループ =====
 ==== HTML要素でループ ====
+each でのループ中に continue した場合は return true を、break したい場合は return false をする。
 <code>
 <form action="next.html" method="post" enctype="multipart/form-data">
@@ 行 13: / 行 14: @@
   // 要素でループ
   $('input[type=file]').each(function(i){
+    if (条件) {
+      return true;  // continue
+    }
+    if (条件) {
+      return false;  // break
+    }
     console.log($(this).val());
   });
@@ 行 41: / 行 48: @@
 <script>
 $(function(){
-  var class_list = {
+  const class_list = {
 :['1-A', '1-B', '1-C', '1-D', '1-E'],
 :['2-A', '2-B', '2-C', '2-D', '2-E'],
@@ 行 48: / 行 55: @@
   $('select[name="grade"]').on('change', function(){
-    var grade = $(this).val();
+    let grade = $(this).val();
     $('select[name="class"] > option').remove();
     $.each(class_list[grade], function(key, val){

プログラム言語/javascript_jquery/ループ.1553824462.txt.gz · 最終更新: 2019/03/29 10:54 by yusuke_komori