JQuery_jquery を使用してテーブルを操作するための一般的な手法の概要

1. スタイル

をテーブルの奇数行と偶数行に追加します。コード をコピーします。 >

$ (function(){
$('tr:odd').addClass("odd");
$('tr:even').addClass("even") ;
});

テーブルの先頭はカウントしません

コードをコピーします コードは次のとおりです:

$(function(){
$('tbody>tr:odd').addClass("odd");
$('tbody> ;tr:even').addClass("even");


2. ラジオ ボタン コントロールの行の強調表示

コードをコピー コードは次のとおりです:

$('tobdy>tr').click(function(){

$(this) .addClass('selected')
.siblings() .removeClass('selected')
.end() // オブジェクトを再度返します
.find(':radio').attr('checked ',true);
});


3.

コードをコピーします。 コードは次のとおりです: $('tobdy>tr').click(function(){ if( $(this).hasClass('selected') ) { // 選択されたハイライト スタイルがあるかどうかを判断します

$(this).removeClass('selected')

.find(':checkbox').attr('checked',false); else{
$(this).addClass('selected ')
.find(':checkbox').attr('checked',true);
}

4. テーブルコンテンツのフィルタリング




コードをコピーします

コードは次のとおりです:

$(function(){ $('table tbody tr ').hide() .filter(":contains(李)").show(); }); >