Question

如果<li>为空，或者<li>中有空格，我想隐藏所有$("li:empty").filter(function(i,v){return $.trim($(v).text()).length == 0;}).css('display', 'none');。

我这样做：

<li>

这是错误的语法吗？

如果我创建一个使空$("li[class='hideLi']").filter(function(i,v){return $.trim($(v).text()).length == 0;}).css('display', 'none');不可见的类，它可以正常工作。像这样：

<li>

但我不知道哪个display=none是空的。

任何人都可以帮助我。如果<li>为空，我想<script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("td:empty").css('display', 'none'); $("div:empty").css('display', 'none'); $(!$.trim('li:empty')).hide(); $("li[class='hideLi']").filter(function(i,v){return $.trim($(v).text()).length == 0;}).css('display', 'none'); }); </script> <ul> <li style="border:red solid 1px ">HI</li> <li style="border:green solid 1px "> </li> <li style="border:blue solid 1px " class="hideLi"> </li> </ul>。

这是我的代码： -

{{1}}

谢谢，

Answer 1

您可以使用.hide()

如果您有空格，可以使用jQuery.trim()

$("li").each(function() {

    if(!$.trim($(this).html())) {
        $(this).hide();
    }
});

工作示例：fiddle example

Answer 2

$('li').filter(function(){
    return $.trim($(this).html()) == '';
}).hide()

隐藏空<li> </li>

2 个答案: