jQuery Table Column Highlight

jQuery.ColHighlight.js

 // highlight columns by Christopher Clark  
            $("tbody").delegate("td", "mouseover mouseout", function (e) {
                if (e.type == 'mouseover') {
                    // multiple class attr value support - the column identifier is always the first class value
                    var target = $(this).attr("class");
                    if (target) {
                        target = target.split(" ").slice(0, 1).toString();
                        $("col." + target).addClass("highlight");    
                    }
                } else if (e.type == 'mouseout') {
                    $("col").removeClass("highlight");
                }
            });

Updated version to use indexes. This pattern is from our locked column pattern.

        // highlight columns        
            $("tbody").delegate("td", "mouseover mouseout", function (e) {
                var parentTable = $(this).parents("table");
                if (e.type == 'mouseover') {
                    // multiple class attr value support - the column identifier is always the first class value
                    var target = $(this).index() + 1;
                    if (target) {
                        $("col:nth-child(" + target + ")", parentTable).addClass("highlight");
                    }
                } else if (e.type == 'mouseout') {
                    $("col.highlight").removeClass("highlight");
                }
            });