Как добавить текст элементу в цикле?

Question

[MegaPuxapb]

Как в #out добавлять значение переменной i в каждой итерации?
что бы получилось 0, 1, 2 ...

var out = $('#out');
	for (var i = 0; i <= 10; i++) {
		out.text(); //Сюда
	}

Answer 1

[0xD34F]

Куда и сколько:

const id = 'out';
const count = 10;

Конечно, можно добавлять строки неоднократно:

const $el = $('[id="' + id + '"]');
for (let i = 0; i < count; i++) {
  $el.text((_, text) => text + (i ? ', ' : '') + i);
}

// или

(function next(el, i) {
  if (i < count) {
    const text = (el.innerHTML && ', ') + i;

    el.innerText += text;
    // или
    el.insertAdjacentText('beforeend', text);
    // или
    el.append(text);
    // или
    el.insertBefore(new Text(text), null);
    // или
    el.appendChild(document.createTextNode(text));

    next(el, -~i);
  }
})(document.getElementById(id), 0);

Но лучше будет сначала собрать текст полностью, и модифицировать содержимое элемента всего один раз:

$('#'.concat(id)).text(Array.from({ length: count }, (_, i) => i).join(', ');

// или

document.querySelector(`#${id}`).textContent = [...Array(count).keys()].join`, `;

Comments

[MegaPuxapb]

Наверно лучше, если массивы знать)
только учусь.
Чем ваш вариант лучше?

[0xD34F]

MegaPuxapb, короче, проще и быстрее.

Answer 2

[AUser0]

out.text(out.text()+','+i);