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

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

WBOY
リリース: 2018-09-27 11:32:17
オリジナル
3337 人が閲覧しました

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート