JQueryで複数のボックスシャドウを追加する

Question

私の質問は簡単ですが、mapにいくつかの色付きのセルを描画しようとしています。私は何百ものdivセルで自分のページを乱雑にしたくないので、divという単一のものを作って、それに複数のbox-shadowsを使って "手動で"ペイントしたいと思っています。

しかし、私は動的に変更する必要があり、私は

$("#mapid").css("box-shadow", "my_shadow_data");

を使用して試してみて、それがJQueryは単一の引数を取ることが判明します。私はコンマで区切っていくつかを作ることができません。box-shadows

ありがとうございました！

Answer 1

いつでもあなたのCSS（...）内にオブジェクトを渡すことができます。私の例を見てください。それが役に立てば幸い！

$(document).ready(function(){ 
 
\t $("#mapid").css({ 
 
\t \t "color":"white", 
 
\t \t "backgroundColor": "red" 
 
\t }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
 
<div id = "mapid">hello</div>