使用沒有特定屬性的jQuery .css（）

我將使用textarea作爲代碼編輯器。我想獲取textarea的值，並將其作爲指定元素的CSS。使用沒有特定屬性的jQuery .css（）

HTML

<textarea class-"editor"> 
    background: blue; 
    border: 1px solid pink; 
</textarea>

$('.editor').keyup(function(){ 
    var editor_contents = $('.editor').val(); 
    $('#element').css(editor_contents); 
});

正如你所看到的，我不想選擇一個特定的CSS屬性來定位。我想在#element的style屬性的字符串中應用textarea的值。

2013-12-15 colmtuite

到你想要的樣式屬性的值賦給....你需要的目標屬性分配值 –

給editor_contents的一些樣本值 –

@RajaprabhuAravindasamy我編輯的問題。 – colmtuite

你可以使用cssText屬性，這是做jQuery中的方法：

$('.editor').keyup(function(){ 
    var editor_contents = $('.editor').val(); 
    $('#element').css("cssText",editor_contents); 
});

假設editor_contents是一個包含任何CSS規則的字符串。

2013-12-15 12:50:47

謝謝！我也想做相反的事情。我想獲取元素的CSS並將其作爲textarea的值應用。我怎樣才能獲得元素的CSS作爲一個字符串？ – colmtuite

@Moppy use：'$（'。editor'）。val（$（'＃element'）。attr（「style」））;'http://jsfiddle.net/2kDzL/1/ –

@ A.Wolff ：儘管忽略任何其他的CSS標識或類樣式。 –

不要打擾太多花哨的jQuery函數，然後 - 只是直接分配給該元素的style屬性：

$('.editor').keyup(function() { 
    var editor_contents = $('.editor').val(); 
    $('#element').attr('style', editor_contents); 
});

2013-12-15 12:45:53

回答