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') 。