如何使用jquery获取没有Id的动态创建的子元素的高度

Question

我有一个div,它动态地加载了两个图像,中间可能还有一个div.图像或div都没有id与它们相关联(我不能让它们有Id).用萤火虫检查它们,它们只是显示为<IMG>和<DIV>.当它存在时,我需要得到这个子div的高度.

我希望我能做到这样的事......

$("#parentDiv > DIV").height();

或这个...

$("#parentDiv > DIV")[0].height();

因为jquery $返回一个数组.第二个给出了javascript错误,所以我知道我在那里.我认为这些应该是接近的.有任何想法吗？

编辑: 这是我正在运行的HTML.

<DIV id="parentDiv" name="parentDiv">
    <IMG style="DISPLAY: block; VERTICAL-ALIGN: bottom; CURSOR: pointer" height="17" src="..." />

    <!-- this div may or may not be here -->
    <DIV style="DISPLAY: block; BACKGROUND-IMAGE: url(...); WIDTH: 16px; CURSOR: pointer; BACKGROUND-REPEAT: repeat-y; POSITION: relative; HEIGHT: 144px; outline: none">
        <DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 16px; POSITION: absolute; TOP: 128px; HEIGHT: 8px">
             <IMG style="LEFT: 0px; POSITION: absolute; TOP: 0px" height="8" src="..." />
        </DIV>
    </DIV>

    <IMG style="DISPLAY: block; VERTICAL-ALIGN: bottom; CURSOR: pointer" height="17" src="..." />
</DIV>

Answer 1

要获取索引的jQuery元素,请使用以下eq()函数:

$("#parentDiv > DIV").eq(0).height();

要么

$($("#parentDiv > DIV")[0]).height();

要么

$("#parentDiv > DIV:eq(0)").height();

Answer 2

只要你的选择器没问题，你的第一个就可以工作。尝试以下操作，看看您会得到什么：

$("#parentDiv > DIV").css("background", "pink");

如果您没有获得预期的粉红色背景，请修复您的选择器，它也将适用于高度声明。