jquery each循环遍历依次获取input框的值并alert_JS、jQ、TS_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！

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

来源：未知作者：类型：文章教程点击次数：发布时间：2014-02-28 16:33:02

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

<!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 - 截取当前字符串的长度