鍍金池/ 問答/HTML/ HTML中table里多個tr，如何做到tr中td的文字點擊變色

HTML中table里多個tr，如何做到tr中td的文字點擊變色

代碼

<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試了很久也沒搞定，望大神賜教### 問題描述

回答
編輯回答
愛是癌

這樣？

<script>
    $('table tr').click(function () {
        $(this).find('td').addClass('redcolor');
        $(this).siblings().find('td').removeClass('redcolor');
    })
</script>
<style>
    .redcolor{
        color: red
    }
</style>
2018年5月2日 03:03