SHIHUC

好记性不如烂笔头,还可以分享给别人看看! 专注基础算法,互联网架构,人工智能领域的技术实现和应用。
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

jQuery each

Posted on 2015-12-18 14:30  shihuc  阅读(285)  评论(0编辑  收藏  举报

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

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;