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

通过jquery设置多个图像的高度?,jquery,height,Jquery,Height,我有一个页面上的图像,我想设置它的高度等于父容器。如果你以这个页面为例,在左边的主要图像中,我想填充它们各自div的100%高度 所以我的想法是获取父容器的高度,并将图像的高度设置为该父容器的高度 $(".packagepic").height($('this').parent().parent().height()); 布局基本合理 <div> <a> <image class="packagepic"> </a>

我有一个页面上的图像,我想设置它的高度等于父容器。如果你以这个页面为例,在左边的主要图像中,我想填充它们各自div的100%高度

所以我的想法是获取父容器的高度,并将图像的高度设置为该父容器的高度

$(".packagepic").height($('this').parent().parent().height());
布局基本合理

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

这就是为什么我要抓取
parent().parent()

然而,你当然可以看到这是行不通的。还请注意,我无法将所有div的高度设置为一个高度,或将所有图像设置为某个高度,因为它们各自div的高度会根据软件包的不同而变化

有什么想法吗

$(".packagepic").css('height', function () {
    return $(this).parent().parent().height();
});
您还可以将宽度设置为
auto
,以保持纵横比。

您可以使用该功能


既然你先回答了,我就给你奖金。:)谢谢我不认为我需要把它变成一个函数。这是相当奇怪的,虽然,有时间,这火和时间,它不!(无论如何,在chrome中)如果你刷新页面20次,你会看到它有时工作,有时不工作。。。。真奇怪,对吧?@PaulHanak,真奇怪。。但是如果没有函数
$(这个)
不是指当前元素。。这不是你想要的。通过使用回调函数
,此
引用每个特定元素,因此每个.packagepic的高度将取决于您在函数中返回的内容
$(".packagepic").height(function () {
    return $(this).parent().parent().height();
});