如何在動態插入元素的情況下使用CSS

如何在已存在的元素內動態插入元素（<ui>）並進行某種格式化？如何在動態插入元素的情況下使用CSS

例如爲：

$("#contentDiv").append('<ui id="contentUi">'); 
$("#contentUi").css({ "text-align": "center", "list-style-type": "none"}); 
$("#contentDiv").css({ "text-decoration": "none","font-size":" 1.30em","font-weight": 
      "bold"});

這裏#contentDiv是元素<div id="contentDiv">的ID，而我追加一個新的元素<ui>它。

第3行工作正常，但第2行對屏幕沒有影響。

來源

2011-07-08 rahul

你爲什麼不貼這一切在3線？爲什麼第二行有#ContentUI，你追加了什麼？你需要更多地解釋你的問題。 – Tim

我同意@Tim - 需要更多信息，提供相關的（縮減）html，並且我建議你改變標題（沒有涉及問題的樣式表）並標記jquery和javascript – xec

什麼是#contentUi這裏？無論如何，這個元素（「」）是什麼？你的意思是空字符串還是真實元素？ #contentUi是您嘗試插入的元素嗎？ – spliter

在這裏我不需要用jQuery來定義css。只需在樣式表中預先定義一個類，就可以更簡單。

舉一個例子。

$("#contentDiv").append('<ui class="predefined-class">'); 
$("#contentDiv").addClass('another-predefined-class');

而在你的CSS，你將有

.predefined-class { 
    text-align: center; 
    list-style-type: none; 
} 

.another-predefined-class { 
    text-decoration:none; 
    font-size: 1.30em; 
    font-weight: bold; 
}

我希望這是你所追求的。

此外，我不知道你是怎麼好的追加空ul，因爲它是沒有li小號漫無目的

來源

2011-07-08 12:58:15 Maverick

您將無法列表樣式添加到一個不存在的元素<ui>

改變這一行

$("#contentDiv").append('<ui id="contentUi">');

到

$("#contentDiv").append('<ul id="contentUi">');

注：ui到ul

http://jsfiddle.net/jasongennaro/NKZS3/

來源

2011-07-08 13:09:50

如何在動態插入元素的情況下使用CSS

回答

相關問題