选择所有具有 png 背景图像的 div

Question

如何在 jQuery 中选择所有样式中具有 background-image: url(somepath/somename.png) 的 div ？

Answer 1

尝试添加自定义选择器：

$(document).ready(function() { 
    $.extend($.expr[':'], { 
        hasMyImage: function(el) { 
            return ($(el).css('background-image') == "Url('somepath/somename.png')");
        } 
    }); 
}); 

然后选择：

$("div:hasMyImage");

Answer 2

没有 jQuery 选择器，但这可能有效：

$('div').each( function() {
    if ( $(this).css('background-image') == 'url("image.png")' ) {
        // do something here
    }
});

但是，更有效的方法是确保只有一个使用该背景图像的类，然后只需选择 $('.bgClass')< /代码>

Answer 3

使用 过滤器 函数：

var matches = $("div").filter(function() 
{      
    return ($(this).css("background-image") == "url('somepath/somename.png')");
});