如何將CSS類添加到頁面 <head> 與jQuery的？

Question

我想使用jquery將新的CSS類附加到文檔的頭腳本中，以更改該頁面上的元素。

使用類似以下的命令應該很簡單：

var myhex = #e6399b;
$("<style type='text/css'> #someid { color:myhex; } </style>").appendTo("head");

我創建了一個FIDDLE進行測試，但是無法正常工作。 我認為在HTML代碼中間使用JS變量的語法確實很簡單-我試過了'+myhex+'和+myhex+但老實說我當時在猜測。

筆記：

我需要通過變量來執行此操作，因為變量的內容經常更改。
我意識到直接的答案是“使用.css（）”，但是在這種情況下我無法使用它，因為我正在向jquery對話框中的元素添加樣式。 這樣做的唯一方法是通過jquery的dialogClass命令（即，您必須通過“類”而不是.css()來設置樣式。

謝謝你提供的所有幫助。

Answer 1

您需要用引號引起來，並將變量添加到包含（+號）的字符串中：

var myhex = '#e6399b';
$("<style type='text/css'> #someid { color:"+myhex+"; } </style>").appendTo("head");