TransWikia.com

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

Stack Overflow на русском Asked on February 6, 2021

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

<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"]

3 Answers

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>

Answered by Greg-- on February 6, 2021

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>

Answered by Igor on February 6, 2021

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)

Answered by WebFox on February 6, 2021

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP