zoukankan      html  css  js  c++  java
  • jQuery each

    此处做一个记录,因为这个经常被弄错。

    HTML:

     1 <form class="form-horizontal" role="form" method="post" novalidate="novalidate">                                
     2  <div class="form-group">                                 
     3    <label class="col-sm-3 control-label" for="id">User ID:</label>
     4    <div class="col-sm-offset-1 col-sm-7 ">
     5         <input type="text" id="id" name="id" class="form-control">
     6    </div>
     7  </div>     
     8  <div class="row">                                 
     9     <div class="col-sm-6">                                     
    10     <button id="clear" class="btn btn-info btn-center" type="button">
    11      <span class="glyphicon glyphicon-arrow-left"> </span>&nbsp;&nbsp;&nbsp;Clear
    12     </button>                                 
    13   </div>                                 
    14   <div class="col-sm-6">                                     
    15    <button id="modify" class="btn btn-success btn-center" type="submit">                                         
    16     <span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp;&nbsp;Modify                                     
    17    </button>                                 
    18  </div>                                 
    19 </div>
    20 </form>

    JS code:

     1 $('input', $("form")).each(function(i, dom){
     2      if ($(dom).is(':disabled') || $(dom).is(':hidden')) {
     3         return;
     4      }
     5 
     6      var rgv = true;
     7      var id = dom.id;
     8 
     9      switch(id){
    10            case "username":                    
    11                //your logic
    12                break;
    13            case "id":
    14                //your logic
    15                break;
    16            default:
    17                break;
    18      }
    19      if(!rgv){
    20           return false;
    21      }
    22 });

    1. 如何取元素。

       通过dom,即html的元素。此时,可以直接操作html中的DOM,比如id就是DOM的attribute。

    2. 如何使用return

       在each()函数内部,return或则return true,都相当于java程序循环代码块中调用continue; 而each()函数内部执行return false;则相当于java程序中调用break;

  • 相关阅读:
    数据库ACID
    tcp ip detatils
    process vs thread
    C++ virtual descructor
    static_cast dynamic_cast const_cast reinterpret_cast总结对比
    Meta Programming
    C++ traits
    c++内存管理
    洛谷 P4136 谁能赢呢?
    洛谷 P1166 打保龄球
  • 原文地址:https://www.cnblogs.com/shihuc/p/5056986.html
Copyright © 2011-2022 走看看