How to separate $('ul li').text by comma

Question

HTML

<ul>
  <li>List 1</li>
  <li>List 2</li>
<ul>

jQuery

$('ul li').text();

Current Output

List1List2

Expected Output

List1,List2

Question

How to separate them by comma?

Answer 1

Try to use .map() along with .get() to get that texts into an array and .join() it afterwards,

var values = $('#tags li').map(function(){ 
  return $(this).text(); 
}).get().join(','); // List1,List2