Question

这应该很简单，但我无法使其发挥作用。我需要一个项目的高度，该项目位于最后一个项目中。

HTML就像这样：

    <div class="tag" >
        <div class="left"></div>
        <div class="right"></div>
    </div>
    <div class="tag">
        <div class="left"></div>
        <div class="right"></div>
    </div>
    <div class="tag">
        <div class="left" id="I need this height !"></div>
        <div class="right"></div>
    </div>
<div class="footer"></div>

JavaScript糟糕的尝试：

lastLeftHeight = $('.tag').last().$('.left').height();

我知道这不起作用。只是为了表明我尝试获取.tag项目的内容可能会有所不同，因此我无法定位数字或ID。

Answer 1

试试这个..

lastLeftHeight=$('.tag:last > .left').height();

Answer 2

你几乎拥有它，但不是使用jquery方法，而是可以使用正确的查询选择器来完成它

$(.tag:last .left).height()

这将获取最后一个.tag元素并找到具有类.left的每个子元素并返回其高度

这是一个演示选择器的小提琴： http://jsfiddle.net/6e0s4jzj/

Answer 3

我会尝试使用children（），filter（）和last（）来获取特定子div的高度。

http://www.w3schools.com/jquery/jquery_traversing_filtering.asp

这解释了使用jQuery遍历DOM的更多内容，以及我认为有用的示例。

获取最后一个容器内项目的高度

3 个答案: