Tabellenspalte bei :hover markieren

[Matthias Scharwies]

Servus!

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?

Hier ist ein Beispiel im Wiki mit Reihen, nicht Spalte:

• CSS/Tutorials/Tabellen_mit_CSS_gestalten#Markierung_von_Zeilen_bei_:hover
  • Beispiel:CSS-Anw-Tabelle-6.html#view_result

Evtl. mit scope="col" als Selektor?

Herzliche Grüße

Matthias Scharwies