ホームページ > 記事 > ウェブフロントエンド > jqueryはテーブル内の対応する行をクリックすると色が変わる機能を実現します
表の場合、選択した項目を区別しやすくするために、次のことが必要です。必要に応じて、強調表示を追加したり、他の項目の強調表示を削除したりできます。同様:
html> <meta> <title></title> <link> <script></script> <script> $(function () { $('tbody>tr').click(function () { $(this).addClass('selected') //为选中项添加高亮 .siblings().removeClass('selected')//去除其他项的高亮形式 .end(); }); }); </script>
姓名 | 性别 | 暂住地 |
---|---|---|
张三 | 男 | 浙江宁波 |
张三 | 男 | 浙江宁波 |
张三 | 男 | 浙江宁波 |
张三 | 男 | 浙江宁波 |
张三 | 男 | 浙江宁波 |