On my page I have a search form which generates a table for the results. In that table, each cells content is surrounded by a span tag with an ID based on the cells name and rows ID in the database. In addition the span gets a fixed class. Heres a printed example:
<td><span id="firstname_203" class="text">John</span></td>
What I am trying to do, is that when I hover the cell that contains the firstname, I want the firstname to appear on a different part of the page. I have tried the code below, but it only returns firstname=null:
( function($ ) {
$ (document).ready(function()
{
$ (".text").hover(function()
{
var ID=$ (this).attr('id');
var firstname=$ ("#firstname_"+ID).html();
$ ($ (".firstname")).html("firstname="+firstname);
});
});
} ) ( jQuery );
It’s the ID part that doesn’t work because if i hardcode the ID (e.g. “#firstname_203″) it works just fine.
When I think about it, the only thing I need to know is how to get the php generated integer following the ID.