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:first").height();

Answer 3

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

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

如果你没有得到你期望的粉红色背景，请修改你的选择器，它也适用于高度语句。

Answer 4

尝试

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

应该做的伎俩

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

4 个答案: