В цикл for js вставить значения массива в элементы
Вопрос
В цикле for js нужно в теги вставить значения из массива . Сейчас все значения попадают в 1 элемент, а нужно чтобы в каждый 'li' попадал один год
html
<![CDATA[
ul.ul
li
span span1
li
span span1
li
span span1
]]>
JavaScript
<![CDATA[
const arr = ['2017', '2018', '2019'];
for (let i = 0; i < arr.length; i++) {
$('ul.ul li').prepend(arr[i]);
}
]]>
Пробовал сделать и так тоже
<![CDATA[
const arr = ['2017', '2018', '2019'];
const elem = $('ul.ul > li');
for (let i = 0; i < arr.length; i++) {
for (let x = 0; x < elem.length; x++) {
$(elem[x]).prepend( arr[i]);
}
}
]]>
Ответ
JavaScript
<![CDATA[
let arr = ['2017', '2018', '2019'];
document.querySelectorAll(`.ul li`).forEach((e, i) => e.textContent = arr[i]);
]]>
jQuery
<![CDATA[
let arr = ['2017', '2018', '2019'];
$('ul.ul>li').each(function (i, e) {
$(e).prepend(arr[i]); // append() добавит в конец внутри <li>
});
]]>
Комментарии к статье