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,

Christine Mayes
fonte
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
1
Possível duplicado de como definir um valor para um período usando JQuery
Stewart

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.

Dexter
fonte
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');
Alan Haggai Alavi
fonte
16
$('#abc span').html('A new text for the span.');
scessor
fonte
13

Tente isto

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

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

ajup
fonte