jQuery的length 属性可以获取包含 jQuery 对象中元素的数目，所以获取input的个数可用如下代码实现
$('input')length; // 所有input的数量，包括文本框、单选按钮、复选框、隐藏域等$('input:text')length; // 文本框的数量
示例代码如下
创建Html元素
<div class="box"><span>点击按钮获取文本框数量：</span><br>
<div class="content">
<input type="text" name="name" value="John"/>
<input type="text" name="password" value="jack"/>
<input type="text" name="url" value="tom"/>
</div>
<input type="button" value="点击获取文本框数量">
</div>
设置css样式
divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}divbox span{color:#999;font-style:italic;}
divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}
input[type='text']{width:200px;height:35px;padding:5px 10px;margin:5px 0;border:1px solid #ff9966;}
编写jquery代码
$(function(){$(":button")click(function() {
alert($("input:text")length);
})
})
观察效果
jquery没有专门针对的函数，用原生的正则才行
var str= '35,874,747';
var str_new=strreplace(/[^0-9]+/g, '');
windowalert(str_newlength);
基本思路：遍历select下的option，使用val()获取每个option的值，然后加入到一个数组中。根据这个思路，可以使用for循环或者jQuery的each()遍历函数实现。这里提供一个更简洁的代码：
$("option")map(function(){return $(this)val();})get()join(", ")
代码说明：
使用map()函数把每个option的值传递到当前匹配集合，生成包含返回值的对象；
使用 get() 处理返回的对象以得到基础的数组；
使用join()函数组装字符串。
实例演示如下:
1、HTML结构
<select id="test">
<option value="option-1">option-1</option>
<option value="option-2">option-2</option>
<option value="option-3">option-3</option>
</select><br>
<input type="button" value="获取所有option值">
2、jquery代码
$(function(){
$(":button")click(function() {
var str = $("#test option")map(function(){return $(this)val();})get()join(", ")
alert(str);
});
});
3、效果演示
<!doctype html>
<head>
<meta charset="UTF-8">
<title>得到li的数量</title>
<script type="text/javascript" src=">
可以考虑用length属性， jquery代码: $(“#ulname li”)length。
1、ul 是 Unordered List（无序列表）的缩写。与之相对的有<ol>有序列表标签，列表里的项目用<li>标签记述，所有主流浏览器都支持 <ul> 标签。在 HTML 401 中，ul 元素的 "compact" 和 "type" 属性是不被赞成使用的。
2、<li> 是列表项目标签，定义列表项目。<li> 标签支持全局属性，<li> 标签支持所有 HTML 事件属性。在 HTML 401 中，li 元素的 "type" 和 "value" 属性是不被赞成使用的。在 XHTML 10 Strict DTD 中，li 元素的 "type" 和 "value" 属性是不被支持的。
3、ul和li常规方法：
li {background: url(/images/icongif) no-repeat 0px 50%; padding-left:17px;}
1、复杂方法：
ul {list-style:none;}
li{background: url(/images/icongif) no-repeat 0px 50%; padding-left:17px;}
可以解决上面的浏览器不兼容的问题。首先，清除默认的项目符号，然后加上我们自己的背景。no-repeat告诉浏览器不要平铺这张，0px 50%告诉背景应该位于距左侧0px 且竖直方向位于顶部往下50%处，实际上就是在竖直方向居中。我们在左侧加上了17px的边距，这样那些15px宽5像素高的小图标就能完全显露出来，不会被文本遮挡，并且和文本之间有一点间隔。
1、简单方法
ul{list-style-image:url(/images/icongif);}
这种方法不同的浏览器的显示效果会有一些差异，主要是在的垂直位置上。有些浏览器会使和列表项文本的中部位置平齐，有的又会显示得高一些，总之就是有些不一致。
以上就是关于如何用jquery获取当前页面中input的个数全部的内容，包括:如何用jquery获取当前页面中input的个数、Jquery怎么获取数字的个数，比如1000就是4位数，100,100要算6位数，、jQuery怎么获取Select的option个数等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）