Как разобрать короткий JS код и переделать на jQuery?

Question

[Александр Янк]

У меня есть такой код, он находит на странице указанные классы и добавляет в конец HTML конструкцию

[...document.getElementsByClassName('item-parent')].forEach(n => n.innerHTML += '<div class="item-decor"></div>')

Понимаю, что нужно делать через функцию each() но не догоняю, примеры смотрел, но не получается.

Comments

[Kovalsky]

"Понимаю, что нужно делать через функцию each()" - большая часть методов jQuery и так применяются ко всей переданной коллекции, ваша задача решается просто с помощью prepend/append без each

Answer 1

[Антон Спирин]

$('.item-parent').append('<div class="item-decor"></div>');

Демо: https://jsfiddle.net/sruyxars/

Answer 2

[Александр Янк]

Ответ прост, только что нашел:

Можно положиться на неявную итерацию:

$(".item-parent").append('<div class="item-decor"></div>');

Comments

[Максим Федоров]

Почему вы не отметили решение, написанное на 4 минуты раньше вас?
И которое точно показывает класс, который вы показали в вопросе, а в вашем ответе появился неведомый класс...

[Александр Янк]

Максим Федоров, спасибо подправил, разные примеры пробовал, потому запутался.

[goshaLoonny]

Максим Федоров, потому что он так всегда делает. Ждет правильного ответа, а потом пишет ответ сам на основе чужого ответа и отмечает его решением. Именно по этому у него вклад 2 не смотря на 13 ответов (77% правильных)

Answer 3

[Евгений Калибров]

https://jsfiddle.net/o2gxgz9r/21058/

$('.item-parent').each(function(){
    $(this).html('<div class="item-decor">TEST</div>');
  });

Comments

[Александр Янк]

Ваш решение плохо тем, что убивает, все что находится элемента заменяя тем, что вы указали. joxi.ru/n2YzLG4ijaeRPA