Не так работает код

[Marker]

<table border="1">
<tr>
<td width="100" height="100" bgcolor="red">red</td>
<td width="100" height="100" bgcolor="red">red</td>
<td width="100" height="100" bgcolor="red">red</td>
</tr>
<td width="100" height="100" bgcolor="green">green</td>
<td width="100" height="100" bgcolor="green">green</td>
<td width="100" height="100" bgcolor="green">green</td>
</table>

$('button').click(function() {
$('td').each(function() {
if($('td').attr("bgcolor")=='red') {
$('td').attr("bgcolor","yellow");
};
});
});

Должно изменить цвет только у тех, у кого bgcolor = red. Но изменяет цвет у всех. Что не так?

[vadim5june]

так попробуйте

if($(this).attr("bgcolor")=='red') {
$(this).attr("bgcolor","yellow");

[Marker]

Да, так действительно работает. Но в чем разница, почему через this работает а так нет, ведь оба одно и тоже.

[vadim5june]

$('td').attr("bgcolor","yellow")
Вы всем элементам td присваиваете новый цвет а не только выбранному
поэтому когда используем each нужно пользоваться для конкретного экземпляра this

[Marker]

Ну так я ведь пишу, изменять только те td у кого bgcolor == red, или это не имеет значения? нужно всегда через this?

[Marker]

аа.. Щас понял, спасибо