Jquery 如何在页面加载时隐藏空白div

我用下面的脚本隐藏空白<代码> div <代码>，代码> LI>代码>和<代码> TD/<代码>。很好用。 我所面临的唯一问题是，当页面加载时，它显示了空白<代码> divs<代码>，<代码> LI>代码>和<代码> TD/<代码>。 我在这些空白div上有一个border类，它在页面加载完成之前是可见的，这是我不想要的。我想把它隐藏起来，直到这些元素没有填充任何文本或任何内容

脚本：

$(document).ready(function(){
    $("td:empty").css('display', 'none');
    $("div[class='errorMsg']").filter(function(i,v){return $.trim($(v).text()).length == 0;}).css('display', 'none');
    $('li').filter(function(){return $.trim($(this).html()) == '';}).hide()
    $("td[class='noShow']").filter(function(i,v){return $.trim($(v).text()).length == 0;}).css('display', 'none');
  });

能帮我修一下吗

---

谢谢，

您不能在加载dom之前修改它。但如果你真的想这样做，那么就采取以下行动：

• 默认情况下，隐藏每个

  div

  ，

  li

  等
• 当文档准备就绪时，如果它们不是空的，则显示它们

---

一个简单的解决方案是改变策略。默认情况下，隐藏div并显示非空的div
更新：
在css文件中隐藏div.errorMsg：

div.errorMsg
{
    display : none;
}

然后在脚本中只需修改代码，如下所示：

$("div[class='errorMsg']").filter(function(i,v){return $.trim($(v).text()).length > 0;}).css('display', 'block');

或者写在下面：

$("div.errorMsg:not(:empty)").css('display', 'block');

---

基本上，如果要隐藏的元素为空，我们就使用它

$(function() {
      $("element:empty").hide();
});

为什么不这样做：

var $div2hide = $.trim($("div.errorMsg:empty"));
$div2hide.hide();

---

只需获取空div并修剪它的任何空白，如果它是空的，则只需隐藏它。
在页面加载时，您可以使用特定的类

errorMsg

隐藏

空的div，如下所示：

$(function() {
    $("div.errorMsg:empty").hide();
});

如果要隐藏页面上的所有
空
div：

$(function() {
    $("div:empty").hide();
});

嘿，我也有这个想法。但是在我的编辑发布后看到了你的