I have a table that prints out say, a bunch of numbers via a loop. I am using PHP. The output looks like so:

<table>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>5</td><td>6</td><td>7</td><td>8</td></tr>
</table>

Now, I want to be able to, upon hover in a particular cell, make the background of each individual cell change color. Of course this would be too easy if the colors were the same. So to make this juicier, I want each cell to have a differnent background color, upon hover. As a hint, that means each cell needs to have a unique ID so that I can access it via the DOM. I could give all of them a class, but I would still need to use document.getElementById() to access the unique ID before accessing className().

Question:
How do I give each TD it's own unique ID? Note: I am not asking for the onHover code. That is just to make you think. I just need the solution to my actual question: how to give each cell it's unique ID.

I await responses

You can have the answer in pure javascript or via javascript generated with php. But for some reasons, i am not going to write this code.

Why? You scared?

Drop code make bobos learn e jo

Depends on au u r populating the table.
If from a db,u can declare a counter variable this way

$x = 1;
while(. . .){
echo '<td id="cell'.$x.'" onmouseover="this.className=\'anodaclass\'" onmouseout="this.className=\'defaultclass\'">. . .';
//. . .
$x++;
}

By the way i hope that was wat u mean.

Yes Kehers,

You are correct

By the way, I did say that the javascript part was unnecessary and I didn't say where the data was coming from (just that it was generated by a loop) but I won't use that to take away from your answer

I will try to come up with more questions in the future.

I have done something like that with javascript some years ago, very clean and unobtrusive javascript.
So seriously this does not challenge me, but so dat dem no go talk se i get mouth for nothing, if someone drops a working solution, i will drop it.