Question

我发现了一些使用jQuery在html中隐藏空div的例子，但我不认为我的代码有效（好吧它没有，因为它没有隐藏空div）。所以我想知道它有什么问题。我在Joomla中使用它，所以也许这是DOM加载的问题，所以代码在它准备好之前执行，尽管其中有(document).ready()因此不应该发生。这是代码

<script type="text/javascript">
jQuery.noConflict();
(function ($) { 
$(document).ready(function(){
        $('.class1, .class2, .class3, .class4').filter(function() {
        return $.trim($(this).text()) === '';
        }).remove();
});
}(jQuery)); 
</script>

我的目标是摆脱这些类，因为它们具有css定义的背景，如果没有内容，我不需要它们显示。

问题出在哪里？

Answer 1

关闭时错误地关闭)：

(function ($) { 
    $(document).ready(function(){
        $('.class1, .class2, .class3, .class4').filter(function() {
        return $.trim($(this).text()) === '';
        }).remove();
    });
})(jQuery); //<----- MISPLACED )

使用封闭(function( $ ) { ........ })( jQuery );时，您真的不需要jQuery.noConflict()。

JSFIDDLE DEMO

jQuery删除空div

1 个答案: