如何在jQuery中获取背景图片大小？

Question

问题很简单。如何在jQuery中获取div的背景图像大小（宽度和高度）。可能吗 我认为这可以工作：

jQuery('#myDiv').css('background-image').height();

我收到的错误消息是这不是一个函数。

Answer 1

您将必须执行以下操作：

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);

由于代码的简单性，您不能在背景图片的URL中使用括号或引号。但是，可以扩展代码以获得更多支持。我只是想传达一般想法。