forme jQuery cliquez sur la ligne de cellules et de colonnes en surbrillance

$ (Document) .ready ( fonction () {
    // a = classe de réglage de table de table "la MyTable" 

    / * Ce qui suit est le nom de la classe du nom de référence suivant des styles personnalisés 
     SelectTr: tr ligne sélectionnée 
     SelectTd: cellules td sélectionné 
     SelectTd2 : colonnes verticales td sélectionné 
       * / 
    var selecttr // sélectionné TR 
    var selecttd // sélectionné td 
    var le cellIndex // numéro de cellule sélectionnée td 
   // var rowIndex 
    $ ( "MyTable TR") Click (. fonction () { // cliquez tr tr ensemble de la classe 
        IF (selecttr! = null ) {selecttr.removeClass ( "selectTr" )} 
        $ ( la présente) .AddClass ( "SelectTr" ); 
        selecttr = $ ( le présent );
        // rowIndex = this.rowIndex; 


    }) 

    $ ( ".MyTable td") le Click (. Fonction () { // clic td td ensemble de la classe 
        IF (! selecttd = null ) {$ (selecttd) .removeClass ( "selectTd" )} 
        $ ( la présente ) .addClass ( "selectTd" ); 
        selecttd = la présente ; 
        setColumn ( la présente .cellIndex) 
        le cellIndex = la présente .cellIndex; 
    }) 

    / / définir des styles de colonnes verticales
    fonction setColumn (newcellindex) { 
        $ ( ".MyTable tr ") chaque (. fonction () {
             var TD1 = $ ( ce ) .children (" td" ) [cellIndex] 
            $ (TD1) .removeClass ( "SelectTd2" ); 

            var dv2 = $ ( ce ) .children ( "td" ) [newcellindex] 
            $ (dv2) .addClass ( "SelectTd2" ); 
        }) 
    } 
}) 


效果图