ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryはテーブル内の対応する行をクリックすると色が変わる機能を実現します

jqueryはテーブル内の対応する行をクリックすると色が変わる機能を実現します

WBOY
WBOYオリジナル
2016-05-16 09:00:183331ブラウズ

表の場合、選択した項目を区別しやすくするために、次のことが必要です。必要に応じて、強調表示を追加したり、他の項目の強調表示を削除したりできます。同様:

html>
    <meta>
    <title></title>
    <link>
    <script></script>
    <script>
        $(function () {
            $('tbody>tr').click(function () {
                $(this).addClass('selected')      //为选中项添加高亮
                .siblings().removeClass('selected')//去除其他项的高亮形式
                .end();
            });
        }); 
    </script>
    
                                                                                                                      
姓名 性别 暂住地
张三 浙江宁波
张三 浙江宁波
张三 浙江宁波
张三 浙江宁波
张三 浙江宁波

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。