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> &nbsp;&nbsp;&nbsp;&nbsp;$('table&nbsp;tr').click(function&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(this).find('td').addClass('redcolor'); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(this).siblings().find('td').removeClass('redcolor'); &nbsp;&nbsp;&nbsp;&nbsp;})</script><style> &nbsp;&nbsp;&nbsp;&nbsp;.redcolor{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;red &nbsp;&nbsp;&nbsp;&nbsp;}</style>