Как найти все элементы .class и перестроить?

Question

[Сергей Горячев]

Необходимо найти на странице все элементы с классом .class.
А потом из них построить список:

<ul>
  <li>Первый найденный элемент с классом .class</li>
  <li>Второй найденный элемент с классом .class</li>
  <li>Третий найденный элемент с классом .class</li>
</li>

Answer 1

[Максим Бабичев]

https://jsfiddle.net/wppLzyjv/1/

Comments

[Сергей Горячев]

О, оказывается так просто) Спасибо)

[Сергей Горячев]

А чтобы было

<li>Hello 1</li>
<li>Hello 2</li>
<li>Hello 3</li>
<li>Hello 4</li>

?

[Сергей Горячев]

То есть собрать не теги, а содержимое?

[Максим Бабичев]

Сергей Горячев: https://jsfiddle.net/wppLzyjv/3/

[Сергей Горячев]

Максим Бабичев: Спасибо)))

[Максим Бабичев]

Сергей Горячев: можно так https://jsfiddle.net/wppLzyjv/4/

[Сергей Горячев]

Максим Бабичев: Максим, уж простите за тупость)
А если выводится <h1 class="class" ID="MODULE_ID">hello 1</h1>
Как мне получить такую строку?
<li><a href="#MODULE_ID">hello 1</a></li>

[Сергей Горячев]

Максим Бабичев: А всё, дошел своим тупым умом)))

$ul.append('<li class=tab><a href=#' + ($el.value || $el.id) + '>' + ($el.value || $el.innerText) + '</a></li>');

Answer 2

[abberati]

jquery не нужен

Answer 3

[Олег]

На чистом js https://jsfiddle.net/575zrjh5/