table中选中某一行改变背景色

发布于：2009年5月5日

次浏览

字数：95 字

时长：1 分钟

HTML 代码

<table id="tbData">
    <tbody>
        <tr >
            <td>line1</td>
        </tr>
        <tr>
                <td>line2</td>
            </tr>
    </tbody>
</table>

CSS 代码

1
2
3

tr.focus{
            background-color: darkgrey
        }

Javascript 代码

$(document).ready(function(){
        $("#tbData>tbody>tr").on("click",function(){
            $(this).parent().find("tr.focus").toggleClass("focus");
            $(this).toggleClass("focus");
        })
    })