Question

如何在现有元素中以动态插入元素（<ui>）？

E.g：

$("#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行对屏幕没有影响。

Answer 1

我认为没有必要在这里用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 s

，它就没用了

Answer 2

您将无法将列表样式添加到不存在的元素<ui>

更改此行

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

到

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

注意：ui至ul

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

如何使用动态插入元素的CSS

2 个答案: