jQuery를 사용하여 <span> 내부의 텍스트를 어떻게 변경할 수 있습니까?

정말 간단한 질문이 있지만 이전에 해보지 않은 질문입니다. 다음이 있습니다.

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

스팬에 텍스트를 넣고 싶습니다.

jQuery로 어떻게 할 수 있습니까? abc의 ID로 변경하는 방법을 알고 있지만 스팬 내부의 코드는 아닙니다.

감사,

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

text()텍스트 콘텐츠 만 있으면됩니다. html()html 콘텐츠가 포함되어 있다면.

스팬 내에서 Html 콘텐츠를 변경하는 데 사용됩니다.

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

범위 내의 텍스트를 변경하려면 다음을 사용할 수 있습니다.

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

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

이 시도

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

xyz 내에서 해당 범위와 관련된 모든 CSS를 처리합니다.