Comment puis-je changer le texte de mon <span> avec jQuery?

123

J'ai une question très simple mais c'est quelque chose que je n'ai jamais fait auparavant. J'ai ce qui suit:

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

Je voudrais mettre du texte dans le span.

Comment puis-je faire cela avec jQuery. Je sais comment changer les choses avec l'id de abc mais pas le code à l'intérieur du span.

Merci,

Christine Mayes
la source
5
Jetez un œil à la documentation du sélecteur de jQuery .
Felix Kling
2
@Felix. +100. Un lien vers l'API vaut plus qu'une ligne d'exemple de code «muet».
Roko C. Buljan

Réponses:

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

text()si juste du contenu textuel. html()s'il contient, eh bien, du contenu html.

Dexter
la source
6
Notez que le fait d'avoir à l' <p>intérieur de <span>n'est pas valide avec tous les doctypes.
Madara's Ghost
55

Cela sera utilisé pour modifier le contenu Html à l'intérieur de la plage

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

si vous souhaitez modifier le texte à l'intérieur de la plage, vous pouvez utiliser:

 $('#abc span').text('goes inside the span');
Alan Haggai Alavi
la source
16
$('#abc span').html('A new text for the span.');
scessor
la source
13

Essaye ça

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

Gérez tous les css pertinents pour cette étendue dans xyz

ajup
la source