jQuery Count number of list elements

Question

I ve got a list that is generated from some server side code  before adding extra stuff to it with jQuery I need to figure out how many items are already in it    lt ul id  mylist  gt       lt li gt Element 1 lt  li gt       lt li gt Element 2 lt  li gt   lt  ul gt

User · Accepted Answer

Try       mylist li   length   Just curious  why do you need to know the size   Can t you just use       mylist   append   lt li gt New list item lt  li gt

User · Answer

I think this should do it   var ct       mylist   children   size

User · Answer

and of course the following   var count       myList   children   length    can be condensed down to    by removing the  var  which is not necessary to set a variable   count       myList   children   length      however this is cleaner      count       mylist li   size

User · Answer

Count number of list elements  alert     mylist  gt  li   length

User · Answer

x000D   x000D     button   click function    x000D      alert    li   length   x000D       x000D   lt script src  https   ajax googleapis com ajax libs jquery 1 2 3 jquery min js  gt  lt  script gt  x000D   lt  DOCTYPE html gt  x000D   lt html gt  x000D   lt head gt  x000D   lt script src    code jquery com jquery-1 11 1 min js  gt  lt  script gt  x000D     lt meta charset  utf-8  gt  x000D     lt title gt Count the number of specific elements lt  title gt  x000D   lt  head gt  x000D   lt body gt  x000D   lt ul gt  x000D     lt li gt List - 1 lt  li gt  x000D     lt li gt List - 2 lt  li gt  x000D     lt li gt List - 3 lt  li gt  x000D   lt  ul gt  x000D     lt button gt Display the number of li elements lt  button gt  x000D   lt  body gt  x000D   lt  html gt  x000D   x000D   x000D

User · Answer

var listItems       myList   children     var count   listItems length    Of course you can condense this with  var count       myList   children   length    For more help with jQuery  http   docs jquery com Main Page is a good place to start

User · Answer

Another approach to count number of list elements    x000D   x000D  var num       mylist   find  li   length  x000D  console log num   x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt ul id  mylist  gt  x000D     lt li gt Element 1 lt  li gt  x000D     lt li gt Element 2 lt  li gt  x000D     lt li gt Element 3 lt  li gt  x000D     lt li gt Element 4 lt  li gt  x000D     lt li gt Element 5 lt  li gt  x000D   lt  ul gt  x000D   x000D   x000D

User · Answer

You have the same result when calling  size   method or  length property   but the  length property is preferred because it doesn t have the overhead of a function call  So the best way       mylist li   length

User · Answer

try      mylist   children   length

[jquery] jQuery: Count number of list elements?

Examples related to jquery

Examples related to html