Объединить 2 цикла

Всем привет! У меня 2 класса, school__rating и shortcode-sc, их по несколько штук на странице. Мне нужно получить данные с одного класса и перезаписать во второй. Как это можно сделать с минимальной нагрузкой? Вот что у меня есть:

function ratings() {
  let divRating = document.querySelectorAll(".school__rating");

  let shortRating = document.querySelectorAll(".shortcode-sc");
  for (var i = 0; i < shortRating.length; i++) {
    console.log(shortRating[i].id);

  }
  for (var x = 0; x < divRating.length; x++) {
    console.log(divRating[x].id);

    // document.getElementById(divRating[x].id).innerHTML = document.getElementById(shortRating[i].id).innerHTML;
  }
}

ratings();

Я пробовал сделать цикл в цикле, тогда получается, но сильно нагружает страницу, так как классов на странице может быть много

Пример html

<div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit, at?</div>
    <div id="auto-mag-id">Lorem ipsum dolor sit amet.</div>
    <div id="karat-id">Lorem ipsum dolor sit amet.</div>
    <div id="zebra-id">Lorem ipsum dolor sit amet.</div>
<div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit, at?</div>
    <div id="auto-mag">Need this text in div this id auto-mag-id</div>
    <div id="karat">Need this text in div this id karat-id</div>
    <div id="zebra">Need this text in div this id zebra-id</div>

<div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit, at?</div>