ユーザ用ツール

サイト用ツール


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