Получить текстовое значение каждого элемента определенного класса

Question

У меня есть блок такого типа:

<span class="text">1</span>
<span class="text">2</span>
<span class="text">3</span>
<span class="text">4</span>
<span class="text">5</span>
<span class="text">6</span>

как можно с помощью js или jquery получить значение всех элементов и превратить их в массив? То есть ["1","2","3","4","5","6"]

Answer 1

js:

const allNums = document.querySelectorAll('.text');
let nums = [];
allNums.forEach(e => {
    nums.push(e.textContent)
})
console.log(nums)

Можно использовать стрелочную функцию в полной мере

const allNums = document.querySelectorAll('.text');
let nums = [];
allNums.forEach(e => nums.push(e.textContent))
console.log(nums)

Answer 2

var a = $('.text').map(function() { return $(this).text(); }).get();
console.log(JSON.stringify(a));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="text">1</span>
<span class="text">2</span>
<span class="text">3</span>
<span class="text">4</span>
<span class="text">5</span>
<span class="text">6</span>

Answer 3

let elements = document.querySelectorAll('.text') // получаем NodeList 
 let arr = [] // объявляем массив 
 elements.forEach(e=>{ // для каждого элемена
  arr.push(e.textContent || e.innerText) // получаем содержимое и добавляем в массив 
 })
 console.log(arr)

<span class="text">1</span>
<span class="text">2</span>
<span class="text">3</span>
<span class="text">4</span>
<span class="text">5</span>
<span class="text">6</span>

БЛОГ НА HUSL

Получить текстовое значение каждого элемента определенного класса

Ответы (3 шт):