// JavaScript Document

$(function() {
    var $trs = $("#trs>tr");  //选择所有行
    $trs.filter(":odd").addClass("odd");  //给奇数行添加odd样式
    $trs.filter(":even").addClass("even");//给偶数行添加odd样式

    //点击行,添加变色样式
    $trs.click(function(e){
        $(this).addClass("selected")
        .siblings().removeClass("selected");
    })

    //实时筛选
    $("#filter").keyup(function(){
        $trs.show();
        if(this.value != "") {
            $trs.hide()
            .filter(":contains('"+this.value+"')").show();
        }
        $trs.removeClass("odd");
        $trs.removeClass("even");
        $trs.filter(":contains('"+this.value+"'):odd").addClass("odd");  //给奇数行添加odd样式
        $trs.filter(":contains('"+this.value+"'):even").addClass("even");//给偶数行添加odd样式
    })
})