jquery menyedari fungsi menukar warna apabila mengklik baris yang sepadan dalam jadual-tutorial js-php.cn

jquery menyedari fungsi menukar warna apabila mengklik baris yang sepadan dalam jadual

WBOY

Lepaskan： 2018-09-27 11:32:17

asal

3305 orang telah melayarinya

Untuk jadual, untuk menjadikan item yang dipilih lebih mudah dibezakan, kita perlu menambah sorotan pada item yang dipilih, dan juga perlu mengalih keluar penyerlahan item lain. Serupa dengan:

<!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>

Salin selepas log masuk