How can I count the number of children

Question

I have a list   lt ul gt     lt li gt     lt li gt     lt li gt         lt  ul gt    I need jQuery to count the number of items in my list

User · Accepted Answer

You can use  length  like this   var count      ul li   length     length tells how many matches the selector found  so this counts how many  lt li gt  under  lt ul gt  elements you have   if there are sub-children  use  ul  gt  li  instead to get only direct children   If you have other  lt ul gt  elements in your page  just change the selector to match only his one  for example if it has an ID you d use   myListID  gt  li    In other situations where you don t know the child type  you can use the    wildcard  selector  or  children    like this   var count       parentSelector  gt      length    or   var count       parentSelector   children   length

User · Answer

You don t need jQuery for this  You can use JavaScript s  childNodes length   Just make sure to subtract 1 if you don t want to include the default text node  which is empty by default   Thus  you d use the following   var count   elem childNodes length - 1

User · Answer

Try to get using       var count      ul  gt  li   size    alert count

User · Answer

What if you are using this to determine the current selector to find its children  so this holds   lt ol gt  then there is  lt li gt s under how to write a selector  var count     this   gt  li   length  wont work

User · Answer

You can do this using jQuery   This method gets a list of its children then counts the length of that list  as simple as that      ul   find      length       The find   method traverses DOM downwards along descendants  all the way down to the last descendant    Note  children   method traverses a single level down the DOM tree

[jquery] How can I count the number of children?

Examples related to jquery