Como posso alterar o texto dentro da minha <span> com jQuery?


122

Eu tenho uma pergunta muito simples, mas é algo que eu não havia feito antes. Eu tenho o seguinte:

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

Eu gostaria de colocar algum texto no intervalo.

Como posso fazer isso com o jQuery. Eu sei como mudar as coisas com o id do abc, mas não o código dentro do período.

obrigado,


5
Dê uma olhada na documentação do seletor do jQuery .
Felix Kling

2
@Felix. +100. Um link para a API vale mais do que uma linha 'silenciosa' de código de exemplo.
Roko C. Buljan 28/08

Respostas:


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

text()se apenas conteúdo de texto. html()se ele contiver, bem, conteúdo html.


6
Observe que ter <p>dentro de <span>não é válido com todos os doctypes.
Ghost de Madara

54

Isso será usado para alterar o conteúdo Html dentro do intervalo

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

se você quiser alterar o texto dentro do período, você pode usar:

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

16
$('#abc span').html('A new text for the span.');

13

Tente isto

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

Lidar com todos os css relevantes para esse período no xyz

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.