Как пройти таблицу и определить длину строки?

Question

[bigos]

Привет всем.
У меня есть таблица

<table>
 <tbody>
    <tr align="center">
       <td><span id = "char">'+main_numbers[1]+'</span></td>
       <td><span id = "char">'+main_numbers[2]+'</span></td> 
       <td><span id = "char">'+main_numbers[3]+'</span></td>
    </tr> 
    <tr align="center">
       <td><span id = "char">'+main_numbers[4]+'</span></td>
       <td><span id = "char">'+main_numbers[5]+'</span></td> 
       <td><span id = "char">'+main_numbers[6]+'</span></td>
    </tr> 
    <tr align="center">
       <td><span id = "char">'+main_numbers[7]+'</span></td>
       <td><span id = "char">'+main_numbers[8]+'</span></td> 
       <td><span id = "char">'+main_numbers[9]+'</span></td>
    </tr> 
</tbody>
</table>

В массиве main_numbers[i] содержаться цифры длиной от 1 до 9 (например, 1; 11;111;1111 и т.д)
Подскажите, как определить длину span id="char" и раскрасить ячейку(td) определенным цветом?
Например, если длина '+main_numbers[1]+' больше 1 и меньше 3, то красить в зеленый цвет и и т.д?

Comments

[OVK2015]

Вообще-то, смысл аттрибута id в его уникальности

[bigos]

OVK2015: я понял. Ну тогда можно задать class char либо через псевдо-класс first-child обратиться к первому span'у. Мне интересно решение этой задачи

[OVK2015]

bigos: С одинаковыми id перебирать будет тяжко:
$('.char').each(function(index, item){console.log($(item).text();)})

[bigos]

OVK2015: да, но как узнать длину char и задать цвет в зависимости от длины?

[bigos]

OVK2015: cпасибо, работает. Напишите ответом, чтобы я поставил галочку вам)

[OVK2015]

bigos: Не за что

Answer 1

[OVK2015]

Как-то так:

$('.char').each(function(index, item)
{
if(($(item).text().length > 1) && ($(item).text().length < 3))
{
$(item).parent().css({'background-color': 'green'});
}
});