浏览器与jQuery的不一致：为空。我该如何解决这个问题？

Question

Firefox和Internet Explorer似乎在jQuery中处理：empty修饰符的方式不同。

足够有趣的IE，按照我想要的方式工作，但Firefox似乎把白色空间算作一个真正的角色。这因此使用：empty完全无用，因为我看不到DIV是否为空。

我基本上有一套DIV，上面有一类项目。我想删除所有内容中没有内容的DIV，但可能存在空格。我试过用这个：

$(".item:empty").remove();

但是，检查字符串的长度会发现Firefox仍然认为在空DIV中有字符......即使它只是空格。

所以我也试过修剪它：

if($.trim($(".item").text()) == "") { $(".item").remove(); }

然而，修剪功能似乎没有对此产生影响。现在怎么办？

我的标记是这样的：

<div class="item"></div> <div class="item">hello 3</div>

我想要摆脱所有DIV的东西。

有什么想法吗？

非常感谢， 迈克尔。

Answer 1

现在没关系。

我最终做的是：

$(".item").each(function(myItem){ var myItem = jQuery.trim($(this).text()); if(myItem.length == 0) { $(this).remove(); } })

希望将来帮助某人。