javascript - 为 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 == red 那么所有具有这个 TD 的 TR 都是红色的，如果 td == green 那么所有的 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/