使用 jQuery 更改背景图像

Question

我正在尝试使用 jQuery 更改表格单元格中的背景图像，表格单元格有自己的“.active”类。我正在使用 jQuery 在同一个地方更改其他元素，它们都工作正常，所以我认为我的语法一定有问题。我正在使用的功能在单击按钮后执行。 我的代码：

 function vehicle(arg){
  $(".active").css("color", "blue");
  $(".active").css("background-image", "url(../img/car.png)");
};

CSS：

 .active{
  background-size: 10px 10px;
  background-repeat: no-repeat;
  border-right: 1px solid none;

第一行执行得很好，我尝试了以下代码，并以我能想到的各种方式更改了图片大小：

    $(".active").css("background-image", "../img/car.png");
   $(".active").css("background-image", "url('../img/car.png')");

谁能指出我做错了什么？

原文由 LucyViolet 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您还可以尝试以下语法来动态设置背景图像

$(".active").attr("style", "background-image: url('your url')");

原文由 Karthik Dhanasekaran 发布，翻译遵循 CC BY-SA 4.0 许可协议