Добавление содержимого массива в неупорядоченный список в качестве элементов списка

Question

Итак, я получил этот список

<ul>
  <li> This is</li>
  <li> a very nice</li>
  <li> list</li>
</ul>

• Это
• очень хороший
• список

и этот код поместить содержимое массива в список

var nevek =["tom", "bob","kate"];
nevek.forEach(element => {
    $('ul').append( " <li> element  </li>");

Но вместо добавления содержимого из массива, он просто добавляет 3 новых элемента списка, подобных этому

• Это
• очень хороший
• список
• элемент
• элемент
• элемент

Как мне обратиться к отдельный элемент в массиве для их распечатки?

Answer 1

Вы должны добавлять элемент на каждой итерации вместо строки, это можно сделать, используя template literals следующим образом:

var nevek =["tom", "bob","kate"];
nevek.forEach(element => {
    $('ul').append( ` <li> ${element}  </li>`);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
     <li> This is</li>
     <li> a very nice</li>
     <li> list</li>
</ul>