码迷,mamicode.com
首页 > Web开发 > 详细

jQuery each

时间:2015-12-18 16:08:35      阅读:113      评论:0      收藏: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;

 

jQuery each

标签:

原文地址:http://www.cnblogs.com/shihuc/p/5056986.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!