Holen Sie sich den Inhalt von php erstellt div mit variablen id mit JQuery

Question

Auf meiner Seite habe ich ein Suchformular, das eine Tabelle für die Ergebnisse erzeugt. In dieser Tabelle ist der Inhalt jeder Zelle von einem span-Tag mit einer ID umgeben, die auf dem Namen der Zelle und der ID der Zeile in der Datenbank basiert. Außerdem erhält der span eine feste Klasse. Hier ist ein gedrucktes Beispiel:

<td><span id="firstname_203" class="text">John</span></td>

Was ich versuche zu tun, ist, dass, wenn ich die Zelle, die den Vornamen enthält schweben, ich den Vornamen auf einen anderen Teil der Seite angezeigt werden soll. Ich habe den folgenden Code ausprobiert, aber er gibt nur firstname=null zurück:

( function($) {
    $(document).ready(function() 
    {
    $(".text").hover(function() 
    {
    var ID=$(this).attr('id');
    var firstname=$("#firstname_"+ID).html();
    $($(".firstname")).html("firstname="+firstname);
    });
});
} ) ( jQuery );

Es ist der ID-Teil, der nicht funktioniert, weil, wenn ich hardcode die ID (z.B. "#firstname_203") es funktioniert einfach gut.

Wenn ich darüber nachdenke, ist das Einzige, was ich wissen muss, wie ich die von php generierte Ganzzahl nach der ID bekomme.

Aktualisierung:

Beim Hinzufügen weiterer Variablen (this).text funktionierte es nicht, da es die Werte der gesamten Zeile zurückgab. Stattdessen musste ich dies verwenden:

$("#table td:nth-child(1)").hover(function(event){

und geben die Zellen als:

var firstname= $td.eq(0).text();

und so weiter.