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" >
 6    </div>
 7  </div>     
 8  <div class="row">                                 
 9     <div class="col-sm-6">                                     
10     <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 >                                         
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;