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>