Wie kann ich den Text in meinem <span> mit jQuery ändern?


122

Ich habe eine wirklich einfache Frage, aber das habe ich vorher noch nicht getan. Ich habe folgendes:

<td id="abc" style="width:15px;"><span></span></td>

Ich möchte einen Text in die Spanne einfügen.

Wie kann ich das mit jQuery machen? Ich weiß, wie man Dinge mit der ID von abc ändert, aber nicht mit dem Code innerhalb der Spanne.

Vielen Dank,


5
Schauen Sie sich die Selector-Dokumentation von jQuery an .
Felix Kling

2
@ Felix. +100. Ein Link zur API ist mehr wert als eine "stummgeschaltete" Zeile mit Beispielcode.
Roko C. Buljan

Antworten:


178
$('#abc span').text('baa baa black sheep');
$('#abc span').html('baa baa <strong>black sheep</strong>');

text()wenn nur Textinhalt. html()wenn es HTML-Inhalt enthält.


6
Beachten Sie, dass das Vorhandensein <p>von inside <span>nicht für alle Doctypes gültig ist.
Madaras Geist

54

Dies wird verwendet, um den HTML-Inhalt innerhalb des Bereichs zu ändern

 $('#abc span').html('goes inside the span');

Wenn Sie den Text innerhalb des Bereichs ändern möchten, können Sie Folgendes verwenden:

 $('#abc span').text('goes inside the span');


13

Versuche dies

$("#abc").html('<span class = "xyz"> SAMPLE TEXT</span>');

Behandeln Sie alle für diesen Bereich relevanten CSS innerhalb von xyz

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.