Ткните носом в ошибку, пожалуйста. Что не так с циклом? Почему всегда выдаёт первый item, вместо всех остальных?
html, к которому применяется код:
<body><div class="all_items">
<div class="item-000">
<div class="item-123">Первая часть</div>
<div class="item-456">Всякий мусор</div>
<div class="item-789">Продолжение 1ч.</div>
</div>
<div class="item-000">
<div class="item-123">Вторая часть</div>
<div class="item-456">Всякий мусор</div>
<div class="item-789">Продолжение 2ч.</div>
</div>
<div class="item-000">
<div class="item-123">Третья часть</div>
<div class="item-456">Всякий мусор</div>
<div class="item-789">Продолжение 3ч.</div>
</div>
</div></body>
Собственно сам код:
let full_item_text = '';
let items = document.querySelectorAll('.item-000');
for (let item of items)
{
let item_text1 = document.querySelector('.item-123');
let item_text1XL = item_text1.innerHTML + '<br>';
let item_text2 = document.querySelector('.item-789');
let item_text2XL = item_text2.innerHTML + '<br>';
full_item_text = full_item_text + item_text1XL + item_text2XL;
}
let hr_line = document.createElement('hr');
let text = document.createElement('div');
text.innerHTML = full_item_text;
document.body.append(hr_line);
document.body.append(text);
В итоге получаю такое:
<div>Первая часть<br>
Продолжение 1ч.<br>
Первая часть<br>
Продолжение 1ч.<br>
Первая часть<br>
Продолжение 1ч.<br>
</div>
А хотелось бы получить вот такое:
<div>Первая часть<br>
Продолжение 1ч.<br>
Вторая часть<br>
Продолжение 2ч.<br>
Третья часть<br>
Продолжение 3ч.<br>
</div>
