0

ページ上に、親コンテナと同じ高さに設定したい画像があります。このページを例にとると、http://myrtlebeachgolfpackages.com/packages/、左側のメイン画像、それぞれのdivの高さを100%塗りつぶしたいと思います。

したがって、私の考えは、親コンテナの高さを取得し、画像の高さをその親コン​​テナと等しく設定することです。

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

レイアウトは基本的に

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

それが私がつかんでいる理由ですparent().parent()

ただし、もちろん、これが機能していないことがわかります。また、パッケージによってそれぞれのdivの高さが変わるため、すべてのdivの高さを1つの高さに設定したり、すべての画像を特定の高さに設定したりすることはできません。

これについて何か考えはありますか?

4

2 に答える 2

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

autoアスペクト比を維持するために、幅をに設定することもできます。

于 2013-01-23T02:03:56.953 に答える
1

関数http://api.jquery.com/height/を使用できます

$(".packagepic").height(function () {
    return $(this).parent().parent().height();
});
于 2013-01-23T02:13:12.307 に答える