189 8069 5689
可以先获取所有相同class的标签，然后获取标签的个数。
平桂ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18980820575（备注：SSL证书合作）期待与您的合作！
1、新建html文档，在body标签中添加一些div标签，并为这些div标签设置一些类，然后引入jquery文件：
2、使用jquery获取所有相同类名的标签，格式为$('.class名')，这时所有相同类名的标签会被选中：
3、获取标签之后，使用length属性获取标签的个数，这时相同类名的个数就被获取到了：
基本思路：遍历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
/selectbr
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、效果演示
思路：在页面设计时就将指定的样式设置为一个class，然后应用到需要的元素上。那么此时可以通过类选择器来获取使用指定样式的个数
$("some_class").length; // 获取应用了some_class的元素的个数
实例演示：本例将红色设置为一个类 red，并应用到不同的元素中去，然后可以通过上述方法获取应用的个数
创建Html元素
div class="box"
span class="red"点击按钮获取应用了红色样式的元素的个数：/spanbr
div class="content"
table
trtd1/tdtd2/tdtd3/td/tr
trtd4/tdtd class="red"5/tdtd6/td/tr
trtd7/tdtd8/tdtd9/td/tr
/table
ul
liGlen/li
li class="red"Tane/li
liJohn/li
li class="red"Ralph/li
/ul
/div
input type="button" value="获取应用了红色样式的元素的个数"
/div
设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.boxspan{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
table{border-collapse:collapse;}
td{width:30px;height:30px;line-height:30px;text-align:center;border:1px solid green;}
li{margin:5px;list-style: none;}
.red{color:red !important;}
编写jquery代码
$(function(){
$("input:button").click(function() {
alert($(".red").length);
});
});
观察效果
1．HTML结构
input type = "checkbox" name = "test" value = "1" / span 1 / span
input type = "checkbox" name = "test" value = "2" / span 2 / span
input type = "checkbox" name = "test" value = "3" / span 3 / span
input type = "checkbox" name = "test" value = "4" / span 4 / span
input type = "checkbox" name = "test" value = "5" / span 5 / span
2．Javascript代码：
函数show（）｛
Obj文件。getElementsByName（“测试”）；
Check＿val＝［］；
For（kinobj）｛
如果（obj［k］。检查）
Check＿val。Push（obj［k］。值）；
｝
警报（check＿val）；
｝
扩展资料：
JQuery对复选框的各种操作：
1．根据id获取复选框：
＄（＂＃cbCheckbox1＂）；
2．得到所有的复选框：
＄（＂input［type＝＇checkbox＇］＂）；／／或
＄（＂input［name＝＇cb＇］＂）；
3．获得所有选中的复选框：
＄（＂input：thecheckboxchecked＂）；／／或
＄（＂input：［type＝＇checkbox＇］：checked＂）；／／或
＄（＂input［type＝＇checkbox］：checked＂）；／／或
＄（＂input：［name＝＇ck＇］：checked＂）；