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,

Christine Mayes
quelle
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
1
Mögliches Duplikat, wie ein Wert für eine Spanne mit JQuery
Stewart am

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.

Dexter
quelle
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');
Alan Haggai Alavi
quelle
16
$('#abc span').html('A new text for the span.');
Scessor
quelle
13

Versuche dies

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

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

ajup
quelle