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,


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.


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');


13

Essaye ça

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

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

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.