Java代碼可在Mozilla Firefox中運行，但不能在Google Chrome中運行

Question

我的JavaScript代碼遇到了一個小問題。 實際上，它可以在Firefox中運行，但不能在Chrome中運行，您是否知道為什么我會遇到此問題？

這是我的代碼：

$('a').each(function(){
   if($(this).css('background-image')=='url("linktothepng.png")'){
       $(this).parent().remove();
   } 
});

謝謝您的幫助，祝您有美好的一天;）

Answer 1

chrome將以url(linktothepng.png)獲取它（不帶引號）

瀏覽器以自己的方式解析css並設置其格式，建議不要在這些屬性上進行文本匹配，僅使用具有該背景的類並與hasClass()進行檢查以防止不一致

Answer 2

css('background-image')返回的值可以通過不同的瀏覽器以不同的方式進行歸一化。 只要它們是等效的CSS，它們都有效。

您可以測試css('background-image').indexOf('linktothepng.png') != -1是否可行， linktothepng.png是沒有使用另一張以linktothepng.png作為其名稱一部分的圖像（將需要更復雜的測試）。

如果可能的話，最好只通過設置類來設置背景圖像。

1. 更容易更改。
2. 將您賦予該圖像的含義與該圖像就是您所表示的形式的事實分開。
3. 查找更快，而不是將測試替換為類似if($(this).hasClass('the-class-you-use')刪除測試並將選擇器更改為$('a.the-class-you-use') 。