jquery获取个数,jquery获取数据

jquery怎么获取相同class的个数？

可以先获取所有相同class的标签，然后获取标签的个数。

1、新建html文档，在body标签中添加一些div标签，并为这些div标签设置一些类，然后引入jquery文件：

2、使用jquery获取所有相同类名的标签，格式为$('.class名')，这时所有相同类名的标签会被选中：

3、获取标签之后，使用length属性获取标签的个数，这时相同类名的个数就被获取到了：

相关问答

Q1: jQuery怎么获取Select的option个数

基本思路：遍历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、效果演示

Q2: jquery如何获取页面使用指定样式的个数

思路：在页面设计时就将指定的样式设置为一个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);

});

});

观察效果

Q3: jquery获取div中checkbox 选中的个数

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＂）；