jquery - 如何通过 jQuery 获取内联背景图像的像素高度

标签 jquery css height inline pixel

<分区>

我想通过 jQuery 获取此 HTML 元素的背景图像的高度(以像素为单位),如何?

<section class="profile-banner" style="background: url(http://www.mydomain.com/images/myimage.png) 50% 50% no-repeat;"></section>

更新

我现在有了这个,但我从未看到高度警告框 alert('height:' + height);。 为什么?

    var url = $('.profile-banner').css('background-image').replace('url(', '').replace(')', '').replace("'", '').replace('"', '');
    alert(url);
    var bgImg = $('<img />');
    bgImg.hide();
    bgImg.bind('load', function()
    {
        var height = $(this).height();
        alert('height:' + height);
    });

最佳答案

你应该这样做

var url = $('#myDiv').css('background-image').replace('url(', '').replace(')', '').replace("'", '').replace('"', '');
var bgImg = $('<img />');
bgImg.hide();
bgImg.bind('load', function()
{
    var height = $(this).height();
    alert(height);
});
$('#myDiv').append(bgImg);
bgImg.attr('src', url);

关于jquery - 如何通过 jQuery 获取内联背景图像的像素高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24703667/

上一篇:html - 网站移动 View 右侧的白色空白

下一篇:jquery动态罢工不起作用

相关文章:

css - ASP.net居中日历控件

javascript - 如何通过jquery设置一个div的class和id互不影响?

javascript - 从 innerHTML 获取输入类型的名称

jquery - Ennui : how to keep navigation arrows visible 的内容 slider

css - 在 javascript 中启用或禁用按钮

android - 在 ScrollView/ListView 下方布置 View

javascript - 动画 div-height 取决于滚动,没有延迟

swift - Tableview根据内容快速动态设置行高?

jquery - 直接将json字符串写入script标签中

javascript - 无法在 jquery 上使用上一项和下一项链接