Question

解决方案中有多次使用数据表。

在一个地方，我们需要隐藏数据表标题：

<div id="DocTable_wrapper" class="dataTables_wrapper no-footer">
<div>
 <div class="dataTables_scroll">
  //Following is top div of head which is generated dynamically by datatables
  <div class="dataTables_scrollHead noDisplay" style="overflow: hidden; position: relative; border: 0px none; width: 100%;">
     <div class="dataTables_scrollHeadInner" style="box-sizing: content-box; width: 1188px; padding-right: 16px;">
       <table class="dataTable no-footer" role="grid" style="margin-left: 0px; width: 1188px;">
          <thead id="DocHeading">
          </thead>

我在dataTables_scrollHead中添加了一个名为 noDisplay 的样式。

它包含：

noDisplay{
display:none !important;
}

我将它应用于JQuery中：

$(".dataTables_scrollHead").addClass("noDisplay");

当我运行代码时，Header不会隐藏。在萤火虫中我能看到样式名称。在萤火虫中，当我尝试将类应用于它下面的div时;它没有被应用。

在萤火虫中，当我在样式标签中使用内联样式显示时：无。它隐藏起来。

但是当我使用

时

$(".dataTables_scrollHead").css('display', 'none');

有效。

为什么呢？

根据标准，我们不假设使用.css并仅使用addClass。有人请帮我用addclass做同样的事吗？

Answer 1

也许CSS中的拼写错误？

你的CSS：

noDisplay{
display:none !important;
}

您忘了。：

.noDisplay{
display:none !important;
}

EXAMPLE

如何使用Class隐藏元素;而不是在JQuery中使用css函数？

1 个答案: