javascript - 设置要在 div id 中使用的 javascript 变量

Question

所以我在这里有这个例子，我想将 javascript 变量“id”放入 div id 中。

<div id="(var id here)" style="width:100px; height:100px; border:5px solid black; ">

</div>

<script>
var id;

var color = blue

$('#(var id here)').css({"background-color" : color});
</script>

这只是一个示例，重要的是 div id 是变量 id，而不仅仅是一个名称。希望可以有人帮帮我。不懂就问我！谢谢

Answer 1

$('#' + id).css({"background-color" : color});

Answer 2

var id = 1;

$('div').attr('id', id).css('background-color', 'blue');

选择器不是很好，但我不知道你是如何创建你的<div>.

Answer 3

我认为你做错了。

您需要做的是创建具有不同属性的不同 css 类。

.blue{ background-color : blue; }
.green{ background-color : green; }

然后，使用您的 js 代码，将选定的类加载到元素中。

注意：这不是您问题的好答案，而是一种不同的方法。

希望这有帮助