jquery count li elements inside ul - length

Question

If a ul has more than one li-element inside of it  something should happen  otherwise not   What am I doing wrong   if       menu ul   length  gt  1

User · Answer

Another approach to count number of list elements:

_x000D_

var num = $("#menu").find("li").length;_x000D_
if (num > 1) {_x000D_
  console.log(num);_x000D_
}

_x000D_

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>_x000D_
<ul id="menu">_x000D_
  <li>Element 1</li>_x000D_
  <li>Element 2</li>_x000D_
  <li>Element 3</li>_x000D_
</ul>

_x000D_

User · Answer

If you have a dom object of the ul  use the following       my ul   children   length    A simple example   x000D   x000D  window setInterval function     x000D    let ul       ul                       Get the ul x000D    let length   ul children   length     Count of the child nodes  x000D   x000D       The show  x000D    ul append   lt li gt Item      length   1      lt  li gt     x000D    if  5  lt   length    x000D      ul empty    x000D      length   -1  x000D      x000D        ul length   text length   1   x000D     1000   x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   x000D   lt h4 gt Count of the child nodes   lt span id  ul length  gt 0 lt  span gt  lt  h4 gt  x000D   lt ul id  ul  gt  lt  ul gt  x000D   x000D   x000D

User · Answer

Warning  Answers above only work most of the time   In jQuery version 3 3 1  haven t tested other versions       myList li   length     works only if your list items don t wrap  If your items wrap in the list then this code counts the number of lines occupied not the number of  lt li gt  elements       myList   children   length    gets the actual number of  lt li gt  elements in your list not the number of lines that are occupied

User · Answer

Working jsFiddle  Please use  size   function instead of  length and also specify li tag in selector   Change your code like   if       menu ul li   size    gt  1

User · Answer

Use    ul menu   children  li   length   size   instead of  length will also work

User · Answer

The correct syntax is      ul menu li   length

User · Answer

alert   Size          li    size       alert   Size          li    length      Both  size   and  length return number of item  but size   method is deprecated  JQ 1 8    length property can use for instead of size     also you can use   alert    ul   children   length

User · Answer

You have to count the li elements not the ul elements   if       menu ul li   length  gt  1       If you need every UL element containing at least two LI elements  use the filter function       menu ul   filter function    return   this  children  li   length  gt  1      You can also use that in your condition   if       menu ul   filter function    return   this  children  li   length  gt  1    length

User · Answer

alert   Size         li   size         or  alert   Size         li   length      You can find some examples of the  size   method here

User · Answer

Make the following change   console log     menu li   length

[jquery] jquery count li elements inside ul -> length?

Examples related to jquery