Изменение цвета строки таблицы

Приветствую вас, я хочу изменить цвет фона каждого <tr> Я пытаюсь сделать то же самое, не получая результат. Я знаю, что в моем коде есть какая-то проблема. Пожалуйста, помогите мнеИзменение цвета строки таблицы

Ниже мой код проверки онлайн DEMO

SCRIPT

var b = new Array('col_one','col_two','col_three'); 

$('#tbl tr').each(function(){ 

var a = 0; 

$('#tbl tr').addClass(b[a]) 

a++; 


})

CSS

.col_one 
{ 
    background:#000099; 
} 
.col_two 
{ 
    background:#009966; 
} 
.col_three 
{ 
    background:#663333; 
}

HTML

<table width="100%" border="1" cellspacing="0" cellpadding="0" id="tbl"> 
    <tr> 
    <td>&nbsp;</td> 
    </tr> 
    <tr> 
    <td>&nbsp;</td> 
    </tr> 
    <tr> 
    <td>&nbsp;</td> 
    </tr> 
    <tr> 
    <td>&nbsp;</td> 
    </tr> 
    <tr> 
    <td>&nbsp;</td> 
    </tr> 
</table>

источник

2012-05-30 Kamal

Сейчас он работает.

http://jsfiddle.net/QnVdE/3/

источник

2012-05-30 08:09:25

привет @MajoB спасибо за помощь. im пытается вставить ваш cpde на мою веб-страницу, но не дает тот же результат plz проверить мой код и рассказать мне, в чем проблема в моем коде здесь онлайн-демонстрационная ссылка http://jsfiddle.net/QnVdE/7/ ... .. извините за просьба более – Kamal

@Kamal мой код не работает? : o Я сделал некоторое редактирование только сейчас –

спасибо @SiGanteng за вашу помощь – Kamal

Это потому, что вы объявляете a быть 0 на каждой итерации, вы можете передать переменную в функцию Анон от each получить индекс элементов итерируемая:

$('#tbl tr').each(function(idx){ 

    // $(this) refers to the jQuery object of each tr 
    $(this).addClass(b[idx%3]); // re-use colors when idx > 3 
})

http://jsfiddle.net/QnVdE/2/

источник

2012-05-30 08:01:08

спасибо за помощь, но я хочу, чтобы применить CSS на '' постоянно кода только применяющей на первом 3 '' – Kamal

@Kamal Я сделал правку, вы видите, что? часть с 'idx% 3' –

@Kamal http://jsfiddle.net/QnVdE/2/ –

var b = new Array('col_one','col_two','col_three'); 
var a = 0; 
$('#tbl tr').each(function(){ 
if(a > 2){a=0;} 
$(this).addClass(b[a]); 

a++; 


})

источник

2012-05-30 08:02:10 seyed

не работает http://jsfiddle.net/QnVdE/4/ –

var b = ['col_one','col_two','col_three']; 
var a = 0; 
$('#tbl tr').each(function(){ 
    $(this).addClass(b[a % b.length]); 
    a++; 
});

источник

2012-05-30 08:02:44 Steve

Изменение цвета строки таблицы

ответ

Смежные вопросы