Как сформировать меню на уровне js или jquery?

Question

[aheles]

На странице есть схожая верстка блоков по типу: секция->заголовок

<section id="section_1">
     <h2>Заголовок №1</h2>
</section>

<section id="section_2">
     <h2>Заголовок №2</h2>
</section>

Как через js или jquery сделать так: обойти все элементы с заголовком (h2) и вывести в меню с названием секции с href аттрибутом id секции?
Например, из примера выше контента сгенерированное меню должно быть таким:

<a href="#section_1" class="inner__menu anchor-js">
   Заголовок №1
</a>

<a href="#section_2" class="inner__menu anchor-js">
  Заголовок №2
</a>

Answer 1

[0xD34F]

menuEl.innerHTML = Array
  .from(
    document.querySelectorAll('section > h2'),
    n => `<a href="#${n.parentNode.id}">${n.innerText}</a>`)
  .join('');