¿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,


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.


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


13

Prueba esto

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

Maneja todos los css relevantes para ese lapso dentro de xyz

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.