Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: 6310
Последний выпуск: 19.06.2015

Как подсчитать колл. всех 0 и всех 1 в классе tr

306
10 марта 2015 года
order.daemon
275 / / 11.05.2007
Непростая задачка. Нужна ваша помочь!

Есть блок случайных счетчиков. Каждый из них вводит в случайном порядке 0 или 1.
Но нужно после этого с помощью jquery подсчитать количество 0 и 1 и записать в DIV

<div class="vsego-0"></div>
<div class="vsego-1"></div>
Код:
<div class="tr">
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
</div>

<div class="vsego-0"></div>
<div class="vsego-1"></div>
4
10 марта 2015 года
mike
3.7K / / 01.10.2002
Что может быть проще?
 
Код:
var c0=0,c1=0;
$('.tr>.td').each(function() {
    if (parseInt($(this).html())==0) c0++; else c1++;
    });
$('.vsego-0').html(c0);
$('.vsego-1').html(c1);
306
10 марта 2015 года
order.daemon
275 / / 11.05.2007
Переменные c0 и с1 пустые...
Код:
<style>
.td {
width: 32px;
height: 32px;
line-height: 32px;
margin: 5px;
background-color: #f4f4f4;
float: left;
font-family: arial;
font-size: 16px;
text-align: center;
}

</style>

<div class="tr">
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
</div>

<script src="http://code.jquery.com/jquery-1.11.1.js"></script>

<script>
$(document).ready(function () {

var c0=0,c1=0;
$('.tr > .td').each(function() {
if (parseInt($(this).html())==0) c0++; else c1++;

$('.vsego-0').html(c0);
$('.vsego-1').html(c1);

});
</script>

<div class="vsego-0"></div>
<div class="vsego-1"></div>
306
10 марта 2015 года
order.daemon
275 / / 11.05.2007
Играюсь со скобками. Для проверки добавил еще $('.vsego-0').addClass("true");
но тоже не работает...
306
10 марта 2015 года
order.daemon
275 / / 11.05.2007
При таком раскладе, добавление класса не работает.
Код:
<style>
.td {
width: 32px;
height: 32px;
line-height: 32px;
margin: 5px;
background-color: #f4f4f4;
float: left;
font-family: arial;
font-size: 16px;
text-align: center;
}

</style>

<div class="tr">
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
</div>

<div class="vsego-0"></div>
<div class="vsego-1"></div>

<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>

<script>
$(document).ready(function () {

var c0="0", c1="0";

$('.tr > .td').each(function() {
if (parseInt($(this).html())==0) c0++; else c1++;
$('.vsego-0').html(c0);
$('.vsego-1').html(c1);
}

$('.vsego-0').addClass("true");

});
</script>
4
10 марта 2015 года
mike
3.7K / / 01.10.2002
Набирал прямо здесь, забыл скобку. Вот проверенный вариант:
Код:
<style type="text/css">

.vsego-0,.vsego-1 {width: 32px;height: 32px;background-color: #f4f4e4;float: left;font-family: arial;font-size: 16px;text-align: center;margin: 5px;line-height: 32px;font-weight:bold;}
.td {width: 32px;height: 32px;line-height: 32px;margin: 5px;background-color: #f4f4f4;float: left;font-family: arial;font-size: 16px;text-align: center;}

</style>

<div class="tr">
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
<div class="td"><? echo rand(0, 1); ?></div>
</div>

<div style="clear:both;"></div>
<div class="vsego-0"></div>
<div class="vsego-1"></div>

<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>

<script>
$(document).ready(function () {

    var c0=0, c1=0;

    $('.tr > .td').each(function() {
        if (parseInt($(this).html())==0) c0++; else c1++;
        $('.vsego-0').html(c0);
        $('.vsego-1').html(c1);
        });
    });
</script>

Знаете кого-то, кто может ответить? Поделитесь с ним ссылкой.

Ваш ответ

Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог