如何在动态插入元素的情况下使用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

回答

相关问题