使用jQuery向页面添加新类

时间:2010-07-29 18:44:24

标签: jquery html class

我正在尝试使用jQuery以编程方式将error_icon类的DIV添加到页面中。这是HTML:

<div id="error_icon_holder"></div>

添加后,标记应类似于:

<div id="error_icon_holder">
    <div class="error_icon"></div>
</div>

我尝试使用.addClass,但结果是:

<div id="error_icon_holder" class="error_icon"></div>

我也试过了.after但也没用。有人能告诉我怎么做吗?感谢。

3 个答案:

答案 0 :(得分:4)

您想要.append()

$('#error_icon_holder').append('<div class="error_icon"></div>');

您也可以翻转它,并使用.appendTo()

$('<div class="error_icon"></div>').appendTo('#error_icon_holder');

或者由于error_icon_holder似乎为空,您可以使用.html()。 (这通常会覆盖任何现有内容。)

$('#error_icon_holder').html('<div class="error_icon"></div>');

答案 1 :(得分:0)

您可以使用它,以便在创建后可以访问error_icon div:

var errorIcon = $('<div/>');
errorIcon.addClass('error_icon');
$('#error_icon_holder').append(errorIcon);

答案 2 :(得分:0)

要扩展所提供的patrick,.append()将保留error_icon_holder div中的所有现有内容。如果您想完全替换内容,请使用.html()

如果您不想将error_icon类包含在内部div创建语句中,则需要两个单独的语句,一个用于在DOM树中创建内部div,另一个用于将类添加到新创建的元素。