指定されたbackgroundimageを持つすべての要素を見つける方法

Question

私は指定されたbackgroundImageを持つすべてのオブジェクトを選択する方法を探しています。

$.each($('*'), function(){ 
    if ($(this).css('backgroundImage')){ 
    console.info("backroundimage"); 
    }else { 
    console.info("no backgroundimage"); 
    } 
}); 

いくつかのより良いアイデア： 私はすでにのようなものを試してみましたか？

Answer 1

Filters?

$('*').filter(function() { 
    return $(this).css('background-image') == 'image.png'; 
}); 

Answer 2

一つの方法：もちろん

var elementsWithBG = $('.YourSelector').filter(function(){ 
    return this.style.backgroundImage != '' 
}); 

ないすべての要素が*を使用すると、高価であるなどスパン、リンク、などの背景を持って、あなたがして必要な要素を分離することができます'.YourSelector'の代わりにコンマを使用します。例：

$('div, p, etc') 

Answer 3

あなたは正しい軌道に乗って、ソートのだ：

var url = $(this).css("background-image"); 
if (url == theExpectedImageUrl) { 
    //found image 
}); 

しかし、コメントで述べたように、おそらくのすべての要素をこれを行うことは行く方法ではありません！

Answer 4

あなたはそれの要点をかなり達成しました。あなたが既に持っているものに拡張すること

：（存在する場合）

$('*').each(function(){ 

    var bgImgStr = $(this).css('backgroundImage'), 
     regEx = /\"|\'|\)/g, 
     bgImgName = bgImgStr.split('/').pop().replace(regEx,''); 

    if(bgImgName === 'whatever.jpg'){ 

     // do something 

    } 

}); 

Incedentally、正規表現の部分は、ファイル名以外のすべてをsrtips。この追加の理由は、ブラウザによっては、次のようなものがあるからです：

url('../images/myImg.jpg')