jquery - 空に隠す

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>

ありがとう、

Answer 1

.hide（）を使用できます

スペースがある場合にこれを機能させるには、jQuery.trim（）を使用できます

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

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

実例：フィドルの例

Answer 2

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