@aftar

Как вывести значения из массива в html?

Есть массив var arr = ['яблоко','груша','апельсин'];

и html

<div class="fruits"></div>
<div class="fruits"></div>
<div class="fruits"></div>

Надо вывести значения из массива чтобы было

<div class="fruits">яблоко</div>
<div class="fruits">груша</div>
<div class="fruits">апельсин</div>
  • Вопрос задан
  • 4956 просмотров
Решения вопроса 3
NeiroNx
@NeiroNx
Программист
Vlad_IT
@Vlad_IT Куратор тега JavaScript
Front-end разработчик
// html (можно text) меняет содержимое, если передать функцию, то для каждого элемента будет вызвана эта функция,
// и в html будет заполнено возвращаемое значение из этой функции. 
jQuery('.fruits').html(function(ind) { 
   return arr[ind];
});

пример https://jsfiddle.net/Vlad_IT/ecz9xs0f/
Ответ написан
0xD34F
@0xD34F Куратор тега JavaScript
Кому будем задавать текст: const className = 'класс элементов';.

Какие тут есть варианты:

document.querySelectorAll(`.${className}`).forEach((n, i) => {
  n.innerText = arr[i];
});

// или

const elems = document.getElementsByClassName(className);
for (let i = 0; i < elems.length; i++) {
  elems[i].textContent = arr[i];
}

// или

$('.' + className).text(i => arr[i]);
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы