Как взять значения всех элементов на странице с одинаковыми классами и вернуть массив?

Question

[lexstile]

Все элементы - текстовые заголовки.
Нужно вернуть массив с ними, чтобы выводить циклом FOR

Answer 1

[abberati]

цикл for не нужен

<div>one</div>
<div>two</div>
<div>three</div>
<pre></pre>

const pre = document.querySelector('pre');
const divs = document.querySelectorAll('div');
pre.innerHTML = Array.prototype.map.call(divs, div => div.innerHTML);

Comments

[lexstile]

Спасибо - попробую))

Answer 2

[lexstile]

var txtCat = [];
            $('.service_group').each(function(){
                txtCat.push($(this).text());
            });

Comments

[abberati]

а без $.each?

[lexstile]

abberati: js не особо.

Answer 3

[Виталий]

document.querySelectorAll(selector)

Comments

[lexstile]

А нельзя ли взять только содержимое? - только текст( аналог функции jQ text() )
При таком раскладе берется весь текст

[Виталий]

lexstile: jq в этой ситуации мартышичная обертка, по факту квери селектор делает все что нужно.