Как из UL достать массив текстов LI?

Question

[Cheizer]

Как из списка UL с помощью JQUERY собрать в массив и поместить его в input в VALUE?

На странице есть такой список, ссылка и input:

<ul class="list">
<li>1 слово</li>
<li>2 слово</li>
<li>3 слово</li>
</ul>
<a class="add" href="#">добавить</a>
<input type="hidden" id="add" name="add"  value="">

Как сделать, чтобы по клику на ссылку .add слова из списка .list добавились в input value с id #add?
Как-то так через пробел:

<input type="hidden" id="add" name="add"  value="1 слово 2 слово 3 слово">

Comments

[Cheizer]

Всем спасибо, сделал так

var li = $('ul.list li');
var vals = li.map(function(){
    return $(this).text();
}).get();

var result =  vals.join(" ");
 $("input#add").val(result);

Answer 1

[0xD34F]

const str = $('.list li')
  .get()
  .map(n => $(n).text())
  .join(' ');

или

const str = Array
  .from(document.querySelectorAll('.list li'), n => n.innerText)
  .join` `;

или

const str = Array.prototype.reduce.call(
  document.querySelector('.list').children,
  (acc, n, i) => acc + (i ? ' ' : '') + n.textContent,
  ''
);