Как сделать изменение для всех элементов?

Question

[Erl]

Ссылка на структуру: https://jsfiddle.net/o28r7cc6/
Есть структура:
1) дата
2) заголовок
3) анонс
Нужно сделать следующее:
1) убрать заголовок
2) в конце анонса добавлять ссылку на "Подробнее"

Решил следующим образом, перенес заголовок в конец анонса и изменил текст заголовка на "Подробнее", но это сработало лишь для первого элемента
Как применить для всех элементов?

Answer 1

[0xD34F]

document.querySelectorAll('.news-item_title').forEach(n => {
  n.querySelector('.tit_link').textContent = '[Подробнее]';
  n.closest('.news-block_item').append(n);
});

или (этот способ перебора и предыдущий не взаимозаменяемые - если for...of можно без проблем комбинировать с querySelectorAll, то чтобы тут использовать forEach, придётся коду получения элементов добавить обёртку - [...document.getElementsByClassName('...')]):

for (const n of document.getElementsByClassName('tit_link')) {
  n.innerText = '[Подробнее]';
  n.parentNode.parentNode.appendChild(n.parentNode);
}

или

const items = document.querySelector('.news-block_wrap').children;
for (let i = 0; i < items.length; i++) {
  items[i].children[1].children[0].innerHTML = '[Подробнее]';
  items[i].insertAdjacentElement('beforeend', items[i].children[1]);
}

Comments

[Erl]

извиняюсь а что это такое? " [... "

[0xD34F]

Добавил ссылку на документацию в ответ. Метод getElementsByClassName возвращает HTMLCollection, у которой нет forEach, так что, если хотим этим методом воспользоваться, коллекцию надо превратить в массив.

Или, можно вызывать метод не напрямую:

Array.prototype.forEach.call(
  document.getElementsByClassName('...'),
  n => { /*...*/ }
)

[Erl]

0xD34F, спасибо

Answer 2

[Stalker_RED]

Прячем заголовок при помощи css

Для каждого анонса (.each())
Добавляем ссылку "подробнее"
https://jsfiddle.net/o28r7cc6/2/

Comments

[Erl]

компактно, но не подойдет, так как ссылку нужно брать из заголовка

[Stalker_RED]

Эрлан Капаров, ОМФГ
Типа так? https://jsfiddle.net/o28r7cc6/3/

[Erl]

Stalker_RED, эм, этот вариант и вовсе не выводит ссылку

[Stalker_RED]

Эрлан Капаров, подправил
https://jsfiddle.net/o28r7cc6/4/

вы вообще не понимаете что там в коде, да?