Witam,
Mam tabelę zbudowaną na divach:

[HTML] pobierz, plaintext 
<script type="text/javascript" src="jquery/2/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$(".user1").mouseover(function() {
		$(".user1").css("background", "red");
	});
	$(".user1").mouseout(function() {
		$(".user1").css("background", "none");
	});
	$(".user2").mouseover(function() {
		$(".user2").css("background", "red");
	});
	$(".user2").mouseout(function() {
		$(".user2").css("background", "none");
	});
	$(".user3").mouseover(function() {
		$(".user3").css("background", "red");
	});
	$(".user3").mouseout(function() {
		$(".user3").css("background", "none");
	});
	$(".user4").mouseover(function() {
		$(".user4").css("background", "red");
	});
	$(".user4").mouseout(function() {
		$(".user4").css("background", "none");
	});
	$(".user5").mouseover(function() {
		$(".user5").css("background", "red");
	});
	$(".user5").mouseout(function() {
		$(".user5").css("background", "none");
	});
});
</script>
 
<style>
#zawartosc .news {
	overflow: hidden;
	width: 100px;
}
#zawartosc .news:hover {
	background: red;
}
#zawartosc .news > div {
	width: 20px;
	height: 20px;
	float: left;
	text-align: center;
	line-height: 20px;
}
</style>
 
<div id='zawartosc'>
	<div class='news'>
		<div class='user1'>1</div>
		<div class='user2'>2</div>
		<div class='user3'>3</div>
		<div class='user4'>4</div>
		<div class='user5'>5</div>
	</div>
	<div class='news'>
		<div class='user1'>1</div>
		<div class='user2'>2</div>
		<div class='user3'>3</div>
		<div class='user4'>4</div>
		<div class='user5'>5</div>
	</div>
	<div class='news'>
		<div class='user1'>1</div>
		<div class='user2'>2</div>
		<div class='user3'>3</div>
		<div class='user4'>4</div>
		<div class='user5'>5</div>
	</div>
	<div class='news'>
		<div class='user1'>1</div>
		<div class='user2'>2</div>
		<div class='user3'>3</div>
		<div class='user4'>4</div>
		<div class='user5'>5</div>
	</div>
	<div class='news'>
		<div class='user1'>1</div>
		<div class='user2'>2</div>
		<div class='user3'>3</div>
		<div class='user4'>4</div>
		<div class='user5'>5</div>
	</div>
</div>
[HTML] pobierz, plaintext 

Efekt, który mam obecnie mnie zadowala, czyli po najechaniu na daną komórkę zaznacza się zarówno wiersz jak i kolumna, w których ona wystepuję. Moje rozwiązanie jest jednak kulawe, ponieważ muszę znać ilość i nazwy klas divów w danych wierszach.

Zapewne można to zrobić lepiej, czy mógłby mi ktoś pomóc albo podrzucić jakieś demo tego typu? Z góry dziękuję

1. Dlaczego nie używasz tutaj tabel HTML-a?
2. Elementom, którym chcesz ustawić podświetlenie przy najechaniu myszką nadaj jedną, wspólną klasę, a przy pomocy CSS-a zrealizuj samo podświetlanie:

[CSS] pobierz, plaintext 
.my-class:hover {
    background: red;
}
[CSS] pobierz, plaintext 

No tak, dam tabelę, ale to niewiele zmienia, ponieważ ja nie wiem ile będzie kolumn i jakie będą ich klasy? Co do wierszy to też nie wiem ile ich jest, ale tu mogę dać cały wiersz w 1 div albo jako wiersz tabeli. Natomiast co do kolumn to nie wiem.