通过jquery设置多个图像的高度？

Question

我在页面上有一个图像，我想设置它的高度等于父容器。如果您以此页面为例，http://myrtlebeachgolfpackages.com/packages/，左侧的主要图像，我想填充其各自div的100％高度。

所以我的想法是抓住父容器的高度，并将图像的高度设置为等于父容器。

$(".packagepic").height($('this').parent().parent().height());

布局基本上是

<div>
    <a>
        <image class="packagepic">
    </a>
</div>

这就是我抓住parent().parent()的原因。

然而，当然你可以看到这不起作用。另请注意，我不能将所有div的高度设置为一个高度，或者将所有图像设置为一定高度，因为它们各自div的高度会根据包装而变化。

对此有何想法？

Answer 1

$(".packagepic").css('height', function () {
    return $(this).parent().parent().height();
});

您也可以将宽度设置为auto，以保持宽高比。

Answer 2

您可以使用http://api.jquery.com/height/

功能

$(".packagepic").height(function () {
    return $(this).parent().parent().height();
});