jQuery forma clic en la fila y la columna resaltada celular

$ (Document) ready ( función () {
    // a = mesa de clase ajuste "del MiTabla" 

    / * El siguiente es el nombre de la clase de la siguiente nombre de referencia de los estilos personalizados 
     SelectTr: tr fila seleccionada 
     SelectTd: td células seleccionadas 
     SelectTd2 : td seleccionada vertical de las columnas 
       * / 
    var selecttr // seleccionado TR 
    var selecttd // seleccionado td 
    var el cellIndex // seleccionado el número de células td 
   // var rowIndex 
    . $ ( "MiTabla TR") Click ( función () { // haga clic en conjunto tr tr de Clase 
        SI (selecttr! = nula ) {selecttr.removeClass ( "selectTr" )} 
        $ ( el presente) .AddClass ( "SelectTr" ); 
        selecttr = $ ( el presente );
        // rowIndex = this.rowIndex; 


    }) 

    $ ( "td .MyTable") Click (. Función () { // clic conjunto td td de la clase 
        SI (! selecttd = nula ) {$ (selecttd) .removeClass ( "selectTd" )} 
        $ ( el presente ) .addClass ( "selectTd" ); 
        selecttd = el presente ; 
        setColumn ( el presente .cellIndex) 
        la cellIndex = el presente .cellIndex; 
    }) 

    / / estilos de columna vertical colocada
    función setcolumn (newcellindex) { 
        $ ( "tr .MyTable ") cada uno (. función () {
             var TD1 = $ ( este ) .children (" TD" ) [cellIndex] 
            $ (TD1) .removeClass ( "SelectTd2" ); 

            var TD2 = $ ( este ) .children ( "TD" ) [newcellindex] 
            $ (TD2) .addClass ( "SelectTd2" ); 
        }) 
    } 
}) 


效果图