javascript - 获取元素集合的各个高度

Question

我有以下代码：

var posts = elementToAdd.find(".post");
posts.each(function(i, e) {
    var elementHeight = e.height() // BANG!
});

Posts 包含许多匹配的元素，我试图根据每个元素的高度循环并执行逻辑，但是各个元素没有 height 属性，那么我该如何解决呢？

Answer 1

.height()是一个 jQuery 方法，使用它从元素创建一个 jQuery 对象。

var posts = elementToAdd.find(".post");
posts.each(function(i, e) {
    var elementHeight = $(e).height();
});

也看看.outerHeight()

Answer 2

each 和 height 是 JQuery 功能。确保您的页面上有 JQuery 引用并尝试以下操作：

$('.post').each(
    function(ix, val) {
        var elementHeight = $(val).height();
        // more stuff...
    }
);

Answer 3

你可以使用 .height() jquery 函数...

http://api.jquery.com/height/

代码..

var posts = elementToAdd.find(".post");
posts.each(function(i, e) {
    var elementHeight = $(e).height();  // calculate the height of current element.
}