Запись в массив содержимого нескольких элементов с одним классом?

Question

ElRom @ElRom

JavaScript

Запись в массив содержимого нескольких элементов с одним классом?

Всем привет! Подскажите, как реализовать следующее. Есть множество div с различными числовыми значениями, у некоторых из них присутствует определенный класс - "selected". Как поочерёдно записать в массив все элементы с классом "selected", чтобы получился массив, в данном случае, из 5ти элементов?

<div>1</div>
    <div class="selected">2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
    <div class="selected">7</div>
    <div>8</div>
    <div>9</div>
    <div>10</div>
    <div>11</div>
    <div>12</div>
    <div class="selected">13</div>
    <div>14</div>
    <div class="selected">15</div>
    <div class="selected">16</div>
    <div>17</div>

Как заставить работать этот код?

var elements = [];
var q1 = $(".selected").length ;
elements.length = q1;
var m = 0;
while (m < q1) {
  elements[m] = $(".selected:eq(m)").text();   // если m вручную заменить на подходящий индекс, всё работает. 
  m++;
}
alert(elements);   // выводит ",,,,", а должен вывести "2, 7, 13, 15, 16"

Какими способами можно решить эту задачу?

Вопрос задан более трёх лет назад
157 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 1

1 комментарий

Isherath @Isherath

Вот рабочий код. Берет коллекцию из всех элементов с классом .selected, перебирает все эти элементы и записывает в массив elements поочередно все цифры внутри выбранных дивов.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div>1</div>
    <div>2</div>
    <div class="selected">3</div>
    <div>4</div>
    <div class="selected">5</div>
    <div>6</div>
    <div class="selected">7</div>
    <div>8</div>
    <div>9</div>
</body>
<script>
    
    // ваш массив
    var elements = [];
    
    document.querySelectorAll('.selected').forEach(function(div) {
        
        elements.push(div.textContent);
        
    });
    
    console.log(elements);
    
</script>
</html>

в консоли такое имеем (3) ["3", "5", "7"]

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос