用jquery添加的内联样式为空

时间:2018-11-07 22:55:55

标签: javascript jquery html css styles

我计算列出的项目,并根据项目的数量添加内联样式。但是,内联样式显示为空。

Empty inlined style

f

1 个答案:

答案 0 :(得分:0)

请记住,内联样式属性就是属性! jQuery为我们提供了一种更改属性的方法。所以你可以做这样的事情。

$('#div').attr('style','display: none !important;');

J S Fiddle DEMO

但是,这不会增加内联样式中已经存在的内容,它将完全替代它。如果该元素没有内联样式标签,则会创建它,但是如果已经存在内联样式属性,则它将完全替换它。

此外-这可能不是最佳方法。您可能应该做的是在CSS样式表中包含一个类,并且该类具有所需的样式。然后只需添加或删除该类!

.master_hidden {
  display: none !important;
}

$('#div').addClass('master_hidden');
$('#div').removeClass('master_hidden');