Text aus Textfeld in zu Tabelle hinzufügen

[likandoo]

Hey Leute,

ich habe ein kleines Javascript Problem und komme damit nicht mehr weiter.

Ich habe folgendes Script:

    <script type="text/javascript">
$(document).ready(function() {
    $('a').click(function() {
       $('.tg').append('<tr class="ungerade"><td class="tg-profil"><img class="profilchat" src="images/profil_stephie.png"><br>20.06</td><td class="tg-icon"><img id="anstupsen" src="images/anstupsen.png"></td><td class="tg-text">"HIER SOLL DER DYNAMISCHE TEXT HIN"</td></tr>');
    });
});
</script>

Im HTML dann einfach nur eine Tabelle und ein Link:

<a href="javascript:void(0);">Link</a>

Wenn ich den Link jetzt drücke wird auch genau das was ich will zu der Tabelle hinzugefügt. Allerdings möchte ich das noch mit einem Textfeld kombinieren.

In der append Zeile von javascript werden ja im Moment ein paar Bilder ein paar spalten usw hinzugefügt.

In der letzten Spalte also <td class="tg-text">"HIER SOLL DER DYNAMISCHE TEXT HIN"</td> soll "HIER SOLL DER DYNAMISCHE TEXT HIN" durch Text aus einem Textfeld ausgetauscht werden.

Also ich tippe zb in ein Input Field "ABCDEFG" ein und drücke dann auf meinen Link dann soll die Append Funktion ausgeführt werden mit dem Text den ich getippt habe an der richtigen Stele.


Ich habe es so gut wie möglich versucht zu erklären Ich hoffe mein Problem ist verständlich.

VLG Daniel

 

[kkapsner]

Und was ist jetzt genau deine Frage?
Wie man auf eine Element im DOM über jQuery zugreift, weißt zu ja schon.
Wie man zwei String zusammenbaut, weißt du hoffentlich schon.
Und dass man über das value-Attribut (oder in jQuery die .val()-Funktion) auf den Wert eines <input> zugreifen kannst ist auch nicht das große Geheimnis des DOMs...

PS: Soll die Funktionalität wirklich bei jedem <a>, das du im Dokument hast, ausgeführt werden?
PPS: href="javascript:..." ist schon extrem unschön. mit void(0); wird es komplett sinnfrei.