Как заменить текст у элемента в цикле for?

Question

[Dunno2018]

Здравствуйте.
Код - нужно, чтобы при нажатии на кнопку, слово "Цвет" менялось на текст с кнопки, которую нажали.

Answer 1

[0xD34F]

Так как у вас там jquery, цикл в явном виде не нужен:

$('button').click(e => $('.title').text($(e.target).text()));

Вот на чистом js да, придётся вручную кнопки перебирать:

const onClick = e => document.querySelector('.title').innerText = e.target.innerText;
document.querySelectorAll('button').forEach(n => n.addEventListener('click', onClick));

Конечно, если не знать про делегирование:

document.addEventListener('click', ({ target: t }) => {
  if (t.tagName === 'BUTTON') {
    document.querySelector('.title').textContent = t.textContent;
  }
});

Comments

[Dunno2018]

0xD34F а все таки как сделать в цикле? На самом деле цикл нужен. Код, который я скинул для примера.

[0xD34F]

Dunno2018, повторяю - цикл не нужен. Перестаньте заниматься ерундой.

[Dunno2018]

0xD34F, Здесь по Вашему тоже цикл не нужен?

[0xD34F]

Dunno2018, не нужен.

[Dunno2018]

0xD34F, спасибо, понял. Но сейчас, если применить Ваш код, то при выборе меняется текст в обоих заголовках. Получилось решить так. Не могли бы подсказать другой способ без использования .parent().prev()?

[0xD34F]

Dunno2018, это и есть правильный способ. Только использовать лучше более общий вариант: closest вместо parent, find вместо prev.