我想在下面的示例中获取类.child的高度值，然后使用警报显示该值以进行故障排除。
我有两个兄弟元素.first和.second，.second元素有一个子元素.child
HTML：
<div class="parent">
<div class="first">Click Me</div>
<div class="second">
<div class="child"></div>
</div>
</div>CSS：
.first {
width: 60px;
padding: 8px;
background: blue;
}
.child {
height: 1234px;
}jQuery：
$(".first").click(function() {
var childHeight = $(this).next(".second > .child").outerHeight();
alert(childHeight);
});问题似乎是在定位孩子，如果我从我的var中删除> .child，它返回.second的高度
下面是一个使用相同代码的JS小提琴：https://jsfiddle.net/CultureInspired/6dxLp86b/
1条答案
按热度按时间wfsdck301#
您应该使用
.next(".second").find(".child")来正确获取子元素。这将获得下一个元素，然后将找到
.child元素。