jquery實現表格中點擊相應行變色功能


對於一個表格,為了使我們選中的項更容易區分,需要為選中項添加高亮,同時也需要,將其他項的高亮形式去除。類似於:

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <script src="jquery-1.3.2.min.js"></script>
    <script>
        $(function () {
            $('tbody>tr').click(function () {
                $(this).addClass('selected')      //為選中項添加高亮
                .siblings().removeClass('selected')//去除其他項的高亮形式
                .end();
            });
        }); 
    </script>
</head>
<body>
    <table>
        <thead>
            <tr><th>姓名</th><th>性別</th><th>暫住地</th></tr>
        </thead>
        <tbody>
            <tr><td>張三</td><td></td><td>浙江寧波</td></tr>
            <tr><td>張三</td><td></td><td>浙江寧波</td></tr>
            <tr><td>張三</td><td></td><td>浙江寧波</td></tr>
            <tr><td>張三</td><td></td><td>浙江寧波</td></tr>
            <tr><td>張三</td><td></td><td>浙江寧波</td></tr>
        </tbody>
    </table>
</body>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM