jquery はより優れたテーブル選択行を実現します color_jquery

<script> <br>$(function(){ <br>////// /datagrid が選択されました 行の色が変わり、マウスが行の上を通過します /////////////// <br>var dtSelector = ".list" <br>var tbList = $(dtSelector); ; <br><br> tbList.each(function() { <br>var self = this; <br>$("tr:even:not(:first)", $(self)).addClass("normalEvenTD "); // ヘッダー行の次の行から始まる標準の奇数行から、行数: (1, 3, 5...) <br>$("tr:odd", $(self))。 addClass("normalOddTD"); // 標準より 先頭行の次の行から始まる偶数行目、行数: (2, 4, 6...) <br><br>// 行マウスを通過すると色が変わります <br>$("tr:not(:first)", $(self)).hover( <br>function () { $(this).addClass('hoverTD');$( this).removeClass('table-td-content'); }, <br>function ( ) { $(this).removeClass('hoverTD');$(this).addClass('table-td-content') ; } <br>); <br><br>// 選択した行の色が変わります<br> $("tr", $(self)).click(function (){ <br>var trThis = this; <br>$(self).find(".trSelected").removeClass('trSelected'); <br>if ($(trThis).get(0) == $("tr:first", $(self)) .get(0)){ <br>return; <br>} <br>$(trThis ).addClass('trSelected') <br>}); 🎜></script>


エフェクト表示: