powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Перебор дивов
7 сообщений из 7, страница 1 из 1
Перебор дивов
    #38811794
CTYDEHT
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Здравствуйте. имеется несколько дивов c одним классом. Подскажите как можно перебрать их все(или внести в массив, из которого потом можно будет к ним обратится по индексу). Цель такая: сложить все дивы и вывести ответ в другой див.

Код: html
1.
2.
3.
4.
5.
6.
<div class="test">1</div>
<div class="test">1</div>
<div class="test">1</div>
<div class="test">1</div>

<div class="otvet"></div>
...
Рейтинг: 0 / 0
Перебор дивов
    #38811892
CTYDEHT
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ответ нашел в интернете:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<div id="parent_div">
    <div id="child_element">1</div>
    <div id="child_element">2</div>
    <div id="child_element">3</div>
</div>
 
<div id="parent_div">
    <div id="child_element">4</div>
    <div id="child_element">5</div>
    <div id="child_element">6</div>
</div>



Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
var arrayData = []; // массив, для данных
var num = 0; // счетчик, для родительских елементов
var all_summa = 0; // счетчик, для родительских елементов
$('div#parent_div').each(function(){ // перебираем все родительские елементы
    var oneDiv = $(this);
    var countDiv = oneDiv.find('div#child_element').length - 1; // считаем количество div'ов в одном родителе
    var spansDiv = []; // массив для данных из div'ов одного родителя
    for(i = 0; i <= countDiv; i++){ // перебираем все div'ы одного родителя
        var dataDiv = oneDiv.find('div#child_element').eq(i).text(); // получаем данные из одного div'а
        all_summa=all_summa + Number(dataDiv); // складываем данные
    }
});

alert(all_summa); // выводим сумму массива 
...
Рейтинг: 0 / 0
Перебор дивов
    #38811914
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
CTYDEHTОтвет нашел в интернете:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<div id="parent_div">
    <div id="child_element">1</div>
    <div id="child_element">2</div>
    <div id="child_element">3</div>
</div>
 
<div id="parent_div">
    <div id="child_element">4</div>
    <div id="child_element">5</div>
    <div id="child_element">6</div>
</div>


ИД должен быть уникальным на странице...
...
Рейтинг: 0 / 0
Перебор дивов
    #38811922
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
CTYDEHTЗдравствуйте. имеется несколько дивов c одним классом. Подскажите как можно перебрать их все(или внести в массив, из которого потом можно будет к ним обратится по индексу). Цель такая: сложить все дивы и вывести ответ в другой див.
Код: html
1.
2.
3.
4.
5.
<div class="test">1</div>
<div class="test">1</div>
<div class="test">1</div>
<div class="test">1</div>
<div class="otvet"></div>


Как вариант...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<div class="test">1</div>
<div class="test">1</div>
<div class="test">1</div>
<div class="test">1</div>
<div class="otvet"></div>
<script type='text/javascript'>
var o=document.querySelectorAll('.test');
var sum=0;
for (var i=0; i<o.length; i++) {
	sum+=+o[i].innerHTML;
};
document.querySelector('.otvet').innerHTML=sum;
</script>
...
Рейтинг: 0 / 0
Перебор дивов
    #38812025
CTYDEHT
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ваш ответ намного понятней и меньше в коде. Работает на отлично.
...
Рейтинг: 0 / 0
Перебор дивов
    #38812637
Фотография FishHook
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
функционал стайл
Код: javascript
1.
$("#otvet").html($.map($(".test"), function(el){return $(el).html() * 1 }).reduce(function(a, b){ return a + b }))
...
Рейтинг: 0 / 0
Перебор дивов
    #38812731
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
FishHookфункционал стайл
Код: javascript
1.
$("#otvet").html($.map($(".test"), function(el){return $(el).html() * 1 }).reduce(function(a, b){ return a + b }))


Нидзястайл...
...
Рейтинг: 0 / 0
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Перебор дивов
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]