我正在尝试使用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
但也没用。有人能告诉我怎么做吗?感谢。
答案 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,另一个用于将类添加到新创建的元素。