javascript - Setting javascript variable to use in div id

Question

So I have this example here where I have javascript variable "id" which I want to put into a divs 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>

This is just an example and it's important that the div id is the variable id, not just a name. Hope someone can help me. Ask me if you don't understand! Thanks

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 コードを使用して、選択したクラスを要素にロードします。

注：これはあなたの質問に対する良い答えではありませんが、別の方法です。

この助けを願っています