HTML中table里多个tr，如何做到tr中td的文字点击变色

Question

代码

<table>
    <tr id="1">
        <td class="td1">1</td>
        <td class="td2">2</td>
        <td class="td3">3</td>
    </tr>
    <tr id="2">
        <td class="td1">1</td>
        <td class="td2">2</td>
        <td class="td3">3</td>
    </tr>
    <tr id="3">
        <td class="td1">1</td>
        <td class="td2">2</td>
        <td class="td3">3</td>
    </tr>
</table>

如上格式的表格，希望做到点击某个tr可以使当前td中的文字变色，点击其他tr则新点击的tr中的td变色，原来的变回以前的颜色。拿jQuery试了很久也没搞定，望大神赐教### 问题描述

Answer 1

这样？

<script>
    $('table tr').click(function () {
        $(this).find('td').addClass('redcolor');
        $(this).siblings().find('td').removeClass('redcolor');
    })
</script>

<style>
    .redcolor{
        color: red
    }
</style>