为td值设置tr背景

Question

<table id="tab" border=2>
    <tr> <td>1</td><td>a</td><td>red</td> </tr>
    <tr> <td>2</td><td>a</td><td>green</td> </tr>
    <tr> <td>3</td><td>a</td><td>orange</td> </tr>
    <tr> <td>4</td><td>a</td><td>green</td> </tr>
    <tr> <td>5</td><td>a</td><td>yellow</td> </tr>
    <tr> <td>6</td><td>a</td><td>blue</td> </tr>
</table>

我不能修改HTML.我只能使用jquery和css.我想制作:如果td ==红色,则此TD的所有TR均为红色,如果td ==绿色,则所有TR均为绿色.我该怎么做？

实例:http://jsfiddle.net/sjuKa/1/

Answer 1

$('#tab tr').each(function() {
    $(this).css({'background': $(this).children('td:last').text() });
});

例如:http://jsfiddle.net/simoncereska/sjuKa/3/