jQuery each

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

HTML:

<form class="form-horizontal" role="form" method="post" novalidate="novalidate">                                
 <div class="form-group">                                 
   <label class="col-sm-3 control-label" for="id">User ID:</label>
   <div class="col-sm-offset-1 col-sm-7 ">
        <input type="text" id="id" name="id" class="form-control">
   </div>
 </div>     
 <div class="row">                                 
    <div class="col-sm-6">                                     
    <button id="clear" class="btn btn-info btn-center" type="button">
     <span class="glyphicon glyphicon-arrow-left"> </span>&nbsp;&nbsp;&nbsp;Clear
    </button>                                 
  </div>                                 
  <div class="col-sm-6">                                     
   <button id="modify" class="btn btn-success btn-center" type="submit">                                         
    <span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp;&nbsp;Modify                                     
   </button>                                 
 </div>                                 
</div>
</form>

JS code:

$('input', $("form")).each(function(i, dom){
     if ($(dom).is(':disabled') || $(dom).is(':hidden')) {
        return;
     }

     var rgv = true;
     var id = dom.id;

     switch(id){
           case "username":                    
               //your logic
               break;
           case "id":
               //your logic
               break;
           default:
               break;
     }
     if(！rgv){
          return false;
     }
});

1. 如何取元素。

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

2. 如何使用return

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