jQuery Schleife ul li

Question

Was ist daran falsch? Ich versuche, alle leeren L. zu verstecken.

    $(document).ready(function() {
        $("#details li").each(function() {
            if ($(this).length == 0) {
                $(this).css({ display: "none" }); ;
            }
        });
    });

Markup:

<ul id="details">
 <li>Lorem Ipsum</li>
 <li>Lorem Ipsum</li>
 <li>Lorem Ipsum</li>
 <li>Lorem Ipsum</li>
 <li></li>
 <li></li>
 <li>Lorem Ipsum</li>
 <li>Lorem Ipsum</li>
 <li>Lorem Ipsum</li>
</ul>

Ich danke Ihnen im Voraus

Answer 1

Ich denke, was Sie wollen, ist die .text() Länge, etwa so:

$(function() {
  $("#details li").each(function() {
    if ($(this).text().length == 0) {
      $(this).css({ display: "none" }); ;
    }
  });
});

Oder ein bisschen kürzer:

$("#details li").filter(function() {
  return $(this).text().length == 0;
}).hide();

Oder eine etwas andere Prüfung, die für Ihre Zwecke geeignet ist, mit freundlicher Genehmigung von @ Rafael :

$("#details li:empty").hide();

Answer 2

Versuchen Sie es mit:

if ($(this).is(':empty')) {}

Außerdem sollten Sie in der Lage sein, den obigen Code wie folgt umzuschreiben:

$("#details li:empty").each(function() {
  $(this).css({ display: "none" });
});

Oder sogar:

$("#details li:empty").hide();

Answer 3

Der Ausdruck $(this).length kann unmöglich Null sein.