Форум

housewm · #1 (**permalink**) 24.01.2014, 14:32

У меня на странице n количество элементов с классом class в которых содержатся числа

<span class="class">123</span>

в некоторых числа записанны со знаком + некоторые с -

как сделать перебор всех этих элементов с классом class чтобы те у которых знак + цвет поменялся на зеленый а те у которых - поменялся на красный?

нашел что перебор всех элементов можно сделать четех .each() но не могу понять как он работает

знаки определяю через регулярные выражения

var pattern = /-[0-9]/i;
    if(pattern.test($('.class').text())){
    $('.class').addClass('red');
    }else{
    $('.class').addClass('green');
    }

ksa · #2 (**permalink**) 24.01.2014, 14:44

Сообщение от housewm

с классом class

С фантазией проблемы?

danik.jsа на тебя нет!

Сообщение от housewm

как сделать перебор всех этих элементов с классом class чтобы те у которых знак + цвет поменялся на зеленый а те у которых - поменялся на красный?

Без явного перебора...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(function (){
	$('.class:contains("-")').css('color','red');
	$('.class:contains("+")').css('color','green');
});
</script>
</head>
<body>
<span class="class">123</span>
<span class="class">-123</span>
<span class="class">+123</span>
</body>
</html>

housewm · #3 (**permalink**) 24.01.2014, 14:45

делаю вот так

$('span').each(function() {
	var pattern = /-[0-9]/i;
        if(pattern.test($('span').text())){
    $('span').addClass('red');
    }else{
    $('span').addClass('green');
    }
    });

всем элементам добавляется класс red если хоть в одном есть -

danik.js · #4 (**permalink**) 24.01.2014, 14:47

Сообщение от housewm

но не могу понять как он работает

http://api.jquery.com/each

Сообщение от housewm

знаки определяю через регулярные выражения

Почему не parseFloat() < 0 ?

housewm · #5 (**permalink**) 24.01.2014, 14:47

спасибо,

ksa · #6 (**permalink**) 24.01.2014, 14:48

Сообщение от housewm

всем элементам добавляется класс red если хоть в одном есть -

Так ты так и написал!

Используй this вместо

$('span')

внутри

obj.each();

danik.js · #7 (**permalink**) 24.01.2014, 14:48

Сообщение от ksa

danik.jsа на тебя нет!

Ну хоть не «a» или «c» ...

ksa · #8 (**permalink**) 24.01.2014, 14:50

danik.js · #9 (**permalink**) 24.01.2014, 14:51

Сообщение от housewm

$('span').

Функция $ (да, это функция с таким вот именем, если вдруг не вкурсе) возвращает коллекцию элементов, соответствующих селектору. Таким образом ты окрашиваешь все span'ы на странице разом. Причем делаешь ты это при каждой итерации each. В результате если у тебя есть хоть один спан с минусом, и хоть один с плюсом - то у всех span'ов в результате будут оба класса - red и green. Неужели это трудно понять?

Форум

Справочник

Discord чат

Курсы javascript