InsideDarkWeb.com

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

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

<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!

Related Questions

Math.pow(), но через цикл

1  Asked on January 13, 2021

 

staticfiles в django + nginx + gunicorn + vps

0  Asked on January 11, 2021 by kirill

         

Как исправить код закрытия окон?

1  Asked on January 10, 2021 by user389240

 

Изменение элемента массива char

1  Asked on January 10, 2021 by eugene_venev

 

Ask a Question

Get help from others!

© 2021 InsideDarkWeb.com. All rights reserved.