javascript - 我想根据其中包含的图像设置容器的高度

Question

我想在分析图像高度后设置容器的高度。有一个容器，里面有两个图像：

• 如果两个图像的方向都是水平的，那么它的容器应该得到特定的高度（110px）
• 如果一个图像是水平的，一个是垂直的，那么容器的其他高度（130px）
• 如果两个图像都是垂直的，那么另一个高度（160px）

我已经编写了代码，我将首先分析每个图像的方向，然后是另一个函数，它将相应地为容器提供高度。这是我迄今为止尝试过的jsfiddle 。

我想知道，如何将高度设置为容器？

Answer 1

首先，请注意您有多个具有相同 ID 的元素；frame. 将其更改为一个类，否则这不是有效的 HTML。

要height使用 class 设置容器的frame，请执行以下操作：

if($(this).width() > $(this).height()) {
    //do other stuff
    $(this).parents(".frame").height(110); //this sets to 110px, can be anything
}
else {
    $(this).parents(".frame").height(130); //this sets to 130px, again, can be anything
}

我希望这对你有任何帮助！