如何向jQuery .css（）函数添加自定义字符串

Question

我试图将自定义字符串传递给.css jQuery函数。所以不要这样做：

$('#image1').css('background', 'url("img1.png") no-repeat');

我想这样做：

var image = "'url(\"img1.png\") no-reapt'"
$('#image1').css('background', image);

但它没有用。我想这样做的原因是因为我有6个元素，有6种不同的不同图像可能性，所以我想动态添加它们。所以它实际上看起来更像是我的变量：

var image = "'url(\"" + this.image.imgs[value[i]] + "\") no-repeat'"
$('#image1').css('background', image);

它将在循环中

Answer 1

删除额外的''符号。你不需要它们。在您的字符串中，这是一种css样式 - ''符号无效，并且它们不会应用该样式。

var image = "url(\"img1.png\") no-repeat";
$('#image1').css('background', image);

Answer 2

尝试删除单引号。像这样。

var image = "url(\"img1.png\") no-repeat";
$('#image1').css('background', image);

Answer 3

您必须删除单引号，如果您想添加多个css属性，则必须使用：

var image = "url(\"" + this.image.imgs[value[i]] + "\") no-repeat";
$('#image1').css({'background': image,'border': '1px solid'});

Answer 4

var image = "url('img1.png') no-repeat";
$('#image1').css('background', image);

你可以试试这个，你错过了一个分号并错放了'＆amp; "