Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jQuery向页面添加新类_Jquery_Html_Class - Fatal编程技术网

使用jQuery向页面添加新类

使用jQuery向页面添加新类,jquery,html,class,Jquery,Html,Class,我试图使用jQuery以编程方式向页面添加一个类为error\u icon的DIV。这是HTML: <div id="error_icon_holder"></div> 我还尝试了。之后也没有成功。有人能告诉我怎么做吗?谢谢。您需要.append() 或者,由于错误\u图标\u支架显示为空,您可以使用.html()。(这通常会覆盖任何现有内容。) $('error#icon_holder').html(''; 您需要.append() 或者,由于错

我试图使用jQuery以编程方式向页面添加一个类为
error\u icon
的DIV。这是HTML:

<div id="error_icon_holder"></div>
我还尝试了
。之后也没有成功。有人能告诉我怎么做吗?谢谢。

您需要
.append()


或者,由于
错误\u图标\u支架
显示为空,您可以使用
.html()
。(这通常会覆盖任何现有内容。)

$('error#icon_holder').html('';
您需要
.append()


或者,由于
错误\u图标\u支架
显示为空,您可以使用
.html()
。(这通常会覆盖任何现有内容。)

$('error#icon_holder').html('';

您可以使用此选项,以便在创建错误图标div后可以访问它:

var errorIcon = $('<div/>');
errorIcon.addClass('error_icon');
$('#error_icon_holder').append(errorIcon);
var errorIcon=$('');
errorIcon.addClass('error_icon');
$('error#icon_holder')。追加(errorIcon);

您可以使用此选项,以便在创建错误图标div后可以访问它:

var errorIcon = $('<div/>');
errorIcon.addClass('error_icon');
$('#error_icon_holder').append(errorIcon);
var errorIcon=$('');
errorIcon.addClass('error_icon');
$('error#icon_holder')。追加(errorIcon);

要扩展patrick提供的内容,
.append()
将保留
错误图标\u支架
div中的任何现有内容。如果要完全替换内容,请使用
.html()


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

要扩展patrick提供的语句,
.append()
将保留
错误图标\u支架内的任何现有内容。如果要完全替换内容,请使用
.html()

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

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