欢迎来到我爱模板网，请记住我们的域名5imoban.net。本站资源大部分免费下载。如需定制，可联系站长QQ543031222。如果您觉得本站不错，请推荐给您的好友！

各位热心的网友们，欢迎给本站留言！您的任何建议和意见本站都会认真查看，仔细采纳！

当前位置：模板网首页 > 建站教程 > JS、jQ > jquery each循环遍历依次正文

jquery each循环遍历依次获取input框的值并alert

作者：网页模板

类型：文章教程

点击次数：

发布时间：2014-02-28 16:33

分享到：

首先运行下面代码看察看效果：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script> <title>each循环遍历</title> <script> $(function(){ $(":button").click(function(){ var str="" $("input").each(function(index, element) { str += $(this).val()+"," }); str = str.substr(0,str.length-1);//除去最后一个“，” alert(str); }) }) </script> </head> <body> 文本1<input type="text" name="wenben1" /><br /><br /> 文本2<input type="text" name="wenben2" /><br /><br /> 文本3<input type="text" name="wenben3" /><br /><br /> <button>获取所有文本框的值</button> </body> </html>
提示：您可以先修改部分代码再运行

jquery each函数可以方便遍历兄弟节点的所有节点。上面的代码利用each函数一次遍历了三个input框，每次遍历都获取其值并且追加到变量“str”上。substr(0,str.length-1)这句是为了把最后一次追加的str后面的“，”去除。
each函数语法：$(selector).each(function(index,element))；//index - 选择器的 index 位置 element - 当前的元素（也可使用 "this" 选择器）
substr函数语法：stringObject.substr(start,length)；//start - 起始位置，从0开始 length - 截取当前字符串的长度 (责任编辑：网页模板)

本文标签：
jquery each,each循环遍历,jquery循环遍历

js禁止鼠标右键,js禁止拖动网页元素,js禁止选中文字,js禁止复制文本

js复制内容到剪贴板代码，js复制代码

网站声明: 本网站内容如果没有注明出处，所有权均归本站，提供免费下载试用，但不得用于商业盈利。如果注明出处，则来自于互联网，本站不做商业用途。如果本站有内容侵犯到您的权益，请致函站长邮箱，本站当立即删除。; E-Mail 联系我们

快速链接: PSD模板; DIV+CSS模板; 特效插件; 源码下载; 酷站欣赏; 建站资源; 建站教程; 心境之旅; 酷站提交; 在线留言

网站帮助: 常见问题; 网站地图; 如何投稿; 赞助我们; 客户案例; 域名虚拟主机

@5imoban.net: 新浪微博; 网易微博; 腾讯微博; QQ空间

jquery each循环遍历依次获取input框的值并alert

热门建站教程

热门PSD模板

热门CSS模板

热门网页特效

热门网站源码

热门酷站欣赏

热门建站资源

热门文章