jquery - 通过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 的高度会根据包的不同而变化。

对此有什么想法吗？

score 1 · Accepted Answer

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

score 1 · Accepted Answer

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

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

2 回答 2