jQuery计算具有特定类的元素的高度

时间:2018-03-21 04:16:14

标签: javascript jquery html html5

无法弄清楚这件微不足道的事情。有几个具有不同类的元素,我需要计算具有例如类height的那个元素的.a

<div>
    <div class="a"></div>
    <div class="b"></div>
    <div class="a"></div>
    <div class="b"></div>
    <div class="a"></div>
    <div class="b"></div>
</div>

我需要在变量count_of_a中得到结果计数,所以像这样:

var count_of_a = jQuery( ".a" ).each(function(){
    jQuery(this).height();
});

3 个答案:

答案 0 :(得分:2)

你关闭:)

each的定义是

  

函数(整数索引,元素元素)

所以你需要第二个参数来访问你当前的对象

试试这个:

var totalHeight = 0;

jQuery('.a').each(function(index ,element ){

    totalHeight +=  jQuery(element).height();

});

console.log(totalHeight);

这是一个小提琴:https://jsfiddle.net/uduauxrg/8/

https://api.jquery.com/each/

答案 1 :(得分:0)

以下是一个例子:

$('.a').height() * $('.a').length

答案 2 :(得分:0)

$(function(){
    $('div.a').each(function(){
        alert($(this).height());
    });
});

你的意思是你想要高度值总数还是分别? 这是一个示例,显示了一个div的个别高度。