jquery - 浏览器与 jQuery 不一致 :empty. 如何解决这个问题？

Question

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

有趣的是，IE 可以按照我想要的方式工作，但 Firefox 似乎将空格视为实际字符。因此，这使得使用 :empty 完全无用，因为我无法查看 DIV 是否为空。

我基本上有一组 DIV，上面有一类项目。我想删除所有内部没有内容的 DIV，尽管可能存在空白。我尝试使用这个:

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

但是，对字符串长度进行检查表明 Firefox 仍然认为空 DIV 中存在字符...即使它只是空格。

所以我也尝试修剪它:

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

但是，trim 功能似乎对此没有影响。现在怎么办？

我的标记是这样的:

<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();
}
})


希望它对将来的人有所帮助。