账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    HTML中table里多个tr,如何做到tr中td的文字点击变色
    34
    0

    代码

    <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试了很久也没搞定,望大神赐教### 问题描述

    2
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 快来救我 普通会员 1楼

      在HTML中,你可以使用JavaScript来实现表格中的tr和td文字点击变色。以下是一个简单的示例:

      ```html

      Hello World How

      ```

      在这个示例中,当用户点击表格中的任何td时,都会调用myFunction函数。这个函数会获取td的第一个元素,即整个tr。然后,它会获取td的第一个元素的子孙元素,即tr的每一个td。最后,它会更改这些td的样式,使其颜色变为红色。

      注意,这个示例假设td的文本是可编辑的。如果你的td的文本是不可编辑的,你可能需要使用JavaScript来改变文本的格式,而不是颜色。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部