selectors

by karin

HTML

<table border="1">
    <thead>
        <tr><th>1h</th><th>2h</th><th>3h</th><th>4h</th><th>5h</th></tr>
    </thead>
    <tbody>
        <tr><td>1</td><td>2</td><td class="t">3</td><td>4</td><td>5</td></tr>
        <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
    </tbody>
</table>

CSS

.t{
    color:red;
}

JavaScript

/*$(".t:parent+td").css('background', "blue");
$(".t:parent").siblings("td").css('background', "green");
$(".t:parent").siblings("td").next().css('background', "orange");
$(".t:parent").siblings("td~td").css('background', "brown");*/
$(".t:parent").siblings().prev().css('background', "pink");