Get an array of list element contents in jQuery

Question

I have a structure like this    lt ul gt     lt li gt text1 lt  li gt     lt li gt text2 lt  li gt     lt li gt text3 lt  li gt   lt  ul gt    How do I use javascript or jQuery to get the text as an array     text1    text2    text3     My plan after this is to assemble it into a string  probably using  join        and get it in a format like this     text1    text2    text3

User · Answer

var arr   new Array        li   each function        arr push this innerHTML

User · Answer

kimstik was close  but not quite   Here s how to do it in a convenient one-liner     map     li    function  element    return   element  text         Here s the full documentation for jQuery s map function  it s quite handy  http   api jquery com jQuery map   Just to answer fully  here s the complete functionality you were looking for     map     li    function  element    return   element  text      join

User · Answer

var optionTexts          ul li   each function     optionTexts push   this  text             should do the trick  To get the final output you re looking for  join   plus some concatenation will do nicely   var quotedCSV         optionTexts join

User · Answer

Without redundant intermediate arrays   arr      li   map function i el        return   el  text       get      See jsfiddle demo

User · Answer

var arr   new Array        li   each function        arr push this innerHTML

User · Answer

And in clean javascript   var texts       lis   document getElementsByTagName  li    for var i 0  im lis length  im gt i  i      texts push lis i  firstChild nodeValue    alert texts

User · Answer

Without redundant intermediate arrays   arr      li   map function i el        return   el  text       get      See jsfiddle demo

User · Answer

var arr   new Array        li   each function        arr push this innerHTML

User · Answer

And in clean javascript   var texts       lis   document getElementsByTagName  li    for var i 0  im lis length  im gt i  i      texts push lis i  firstChild nodeValue    alert texts

User · Answer

var optionTexts          ul li   each function     optionTexts push   this  text             should do the trick  To get the final output you re looking for  join   plus some concatenation will do nicely   var quotedCSV         optionTexts join

User · Answer

You may do as follows   one line of code will be enough    let array      ul gt li   toArray   map item   gt    item  html     Get the interested element   get children get the array    from toArray   method filter out the results you want     x000D   x000D  let array      ul gt li   toArray   map item   gt    item  html     x000D  console log array   x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   lt ul gt  x000D     lt li gt text1 lt  li gt  x000D     lt li gt text2 lt  li gt  x000D     lt li gt text3 lt  li gt  x000D   lt  ul gt  x000D   x000D   x000D

User · Answer

var arr   new Array        li   each function        arr push this innerHTML

User · Answer

kimstik was close  but not quite   Here s how to do it in a convenient one-liner     map     li    function  element    return   element  text         Here s the full documentation for jQuery s map function  it s quite handy  http   api jquery com jQuery map   Just to answer fully  here s the complete functionality you were looking for     map     li    function  element    return   element  text      join

User · Answer

You may do as follows   one line of code will be enough    let array      ul gt li   toArray   map item   gt    item  html     Get the interested element   get children get the array    from toArray   method filter out the results you want     x000D   x000D  let array      ul gt li   toArray   map item   gt    item  html     x000D  console log array   x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   lt ul gt  x000D     lt li gt text1 lt  li gt  x000D     lt li gt text2 lt  li gt  x000D     lt li gt text3 lt  li gt  x000D   lt  ul gt  x000D   x000D   x000D

User · Answer

And in clean javascript   var texts       lis   document getElementsByTagName  li    for var i 0  im lis length  im gt i  i      texts push lis i  firstChild nodeValue    alert texts

User · Answer

var optionTexts          ul li   each function     optionTexts push   this  text             should do the trick  To get the final output you re looking for  join   plus some concatenation will do nicely   var quotedCSV         optionTexts join

User · Answer

And in clean javascript   var texts       lis   document getElementsByTagName  li    for var i 0  im lis length  im gt i  i      texts push lis i  firstChild nodeValue    alert texts

User · Answer

var optionTexts          ul li   each function     optionTexts push   this  text             should do the trick  To get the final output you re looking for  join   plus some concatenation will do nicely   var quotedCSV         optionTexts join

[javascript] Get an array of list element contents in jQuery

Examples related to javascript

Examples related to jquery