¿Cómo puedo cambiar el texto dentro de mi <span> con jQuery?

122

Tengo una pregunta realmente simple, pero es algo que no he hecho antes. Tengo lo siguiente:

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

Me gustaría poner algo de texto en el lapso.

¿Cómo puedo hacer esto con jQuery? Sé cómo cambiar las cosas con la identificación de abc pero no el código dentro del intervalo.

Gracias,

Christine Mayes
fuente
55
Eche un vistazo a la documentación del selector de jQuery .
Felix Kling
2
@Felix. +100. Un enlace a la API vale más que una línea 'silenciada' de código de muestra.
Roko C. Buljan

Respuestas:

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

text()si solo contenido de texto. html()si contiene, bueno, contenido html.

diestro
fuente
66
Tenga en cuenta que tener <p>dentro <span>no es válido con todos los doctypes.
El fantasma de Madara
54

Esto se usará para cambiar el contenido HTML dentro del intervalo

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

si desea cambiar el texto dentro del intervalo, puede usar:

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

Prueba esto

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

Maneja todos los css relevantes para ese lapso dentro de xyz

ajup
fuente