var arr = ['яблоко','груша','апельсин'];
<div class="fruits"></div>
<div class="fruits"></div>
<div class="fruits"></div>
<div class="fruits">яблоко</div>
<div class="fruits">груша</div>
<div class="fruits">апельсин</div>
// html (можно text) меняет содержимое, если передать функцию, то для каждого элемента будет вызвана эта функция,
// и в html будет заполнено возвращаемое значение из этой функции.
jQuery('.fruits').html(function(ind) {
return arr[ind];
});
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]);