Tabellenspalte bei :hover markieren

[Matthias Apsel]

Hallo alle,

function markColumn(el,color) {
  var n = $(el).index() + 1; 
  if (n > 2) {
    $('#table td:nth-child('+ n +'):not([colspan]), #table thead th:nth-child('+ n +')').css('background',color); 
  }
}

$('td:not([colspan]), thead th').mouseover(function(){
  markColumn(this,'#fff8dc');
});
$('td:not([colspan]), thead th').mouseout(function(){
  markColumn(this,'');
});

Dieses Script sorgt dafür, dass die Tabellenspalte, über der sich der Mauszeiger befindet, hervorgehoben wird. Für das Wiki hätte ich gern eine JQuery-freie Variante. Wie würde man das umsetzen?

Bis demnächst
Matthias