jquery - 获取图像的高度并将该高度应用于不同的 div,以便它们匹配

标签 jquery css height

我有一张图片,我需要获取其高度(因为它在每个页面上都不同)并将相同的高度应用于页面上的不同 div。

这是我的代码

$().ready(function() {
    $(".myimage img").load(function() {
        var imageHeight = $(this).height();
        $('.somebox').css("height",imageHeight);

    });
});

这是我尝试的 jsfiddle 的链接: http://jsfiddle.net/mGB5Y/

最佳答案

$(document).ready(function() {
    $("img.myimage").each(function() {
        $('.somebox').css("height",$(this).innerHeight());
    });
});

奖金:The working Fiddle

或者,甚至更好:

$(document).ready(function() {
    $('.somebox').css("height",$("img.myimage").innerHeight());
});

关于jquery - 获取图像的高度并将该高度应用于不同的 div,以便它们匹配,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7896499/

相关文章:

javascript - 如何获取 div 内标签内的单选按钮?

javascript - JQuery 事件仅触发一次

jquery - 更改日期选择器的语言

css - 自动展开所有 PrimeNG Accordion 面板以进行打印

android - <text area> android 上的背景颜色

html - 是否有可能在CSS中获取另一个元素的值

javascript - 通过 ID 阻止 jQuery 中的表单提交

css - 如何让文本框填充灵活表格中的可用空间?

jquery - 当我使用 jQuery 动画高度时,为什么我的背景 div 会跳跃?

html - 菜单和内容 div 向左浮动,带有粘性页脚 -> 高度 100%