Выделение колонок в таблице по :hover

[SEObomj]

Здравствуйте. Как выделить с помощью jquery 1.9 колонки в таблице? Эти два метода не помогли: http://css-tricks.com/row-and-column-highlighting/

http://p.sohei.org/stuff/jquery/tablehover/demo/demo.html

Собственно больше ничего найти не смог, всё остальное - перепечатка css-tricks

[Yazon_Nile]

hover ряда выполняется через css

ховер колонки выполняется через js

 

Алгоритм очень простой (для простых таблиц).
 

var rows = table.find('tr');var cells = table.find('td');rows.each(function() {	var curRow = jQuery(this);	var curCells = curRow.children();	curCells.each(function(i) {		var curCell = jQuery(this);		curCell.hover(function() {			highlightCells(i);		}, function() {			cells.removeClass('hover');		});	});});function highlightCells(i) {	rows.each(function() {		jQuery(this).children().removeClass('hover').eq(i).addClass('hover');	});}

Edited February 9, 2014 by Yazon_Nile

[SEObomj]

Спасибо! Помогло 

[Great Rash]

Народ, юзайте мощь jQuery по полной:

$('td').on('mouseenter mouseleave', function() {  var i = this.cellIndex;    $(this)    .closest('table')    .find('tr')    .each(function() {      $(this)        .find('td')        .eq(i)        .toggleClass('hover');    });});

td.hover {  background: red;}

[SEObomj]

Лошара Супер!

А что делать если есть rowspan?

[Great Rash]

А что делать если есть rowspan?

Писать более продвинутый скрипт  

[nerv]

или так в продолжение этого варианта