programing tip

jQuery를 사용하여 Span의 내용을 변경하는 방법은 무엇입니까?

itbloger 2020. 12. 15. 08:17
반응형

jQuery를 사용하여 Span의 내용을 변경하는 방법은 무엇입니까?


<span class="stbuttontext" st_page="home">ShareThis</span>

"공유"를 "공유"로 변경하고 싶습니다.

해결책을 알려주십시오.

감사합니다,


다음 중 하나로 할 수 있습니다.

$('.stbuttontext').text('Share');

대한 텍스트 내용이나

$('.stbuttontext').html('Share');

대한 의 HTML 내용을 표시합니다.

그러나 귀하의 경우 첫 번째 진술은 괜찮습니다. :)


이것은 .html () 대 .text ()를 언제 사용할 지에 대한 나의 생각입니다.

대체 할 텍스트에 html 태그로 스타일을 추가하려면 다음과 같이 .html ()을 사용하십시오.

$('.stbuttontext').html('<strong>Share</strong>');

이것은 텍스트의 색상을 변경하기 위해 클래스를 추가 할 수 있기 때문에 오류 메시지를 표시 할 때 유용합니다.

$('#error').html('<span class="errortext red"><strong>Error:</strong> <em>Fix your email address</em></span>');`

단순히 텍스트를 변경하려는 경우 .text ()를 사용하십시오 .

따라서 .text로 위의 예를 수행 한 경우 :

$('#error').text('<span class="errortext red"><strong>Error:</strong> <em>Fix your email address</em></span>');

사용자가 웹 페이지에서 보게 될 텍스트는 (태그에 공백이 없으면이 마크 다운 편집기로 작업하는 방법을 알 수 없습니다).

<span class = "errortext red"> <strong> 오류 : <em> 이메일 주소 수정 </ em> </ span>

해당 텍스트는 빨간색이 아니거나 굵게 또는 기울임 꼴 텍스트입니다.


$('.stbuttontext').html('Share');

$('.stbuttontext').html('Share');

stbuttontext 클래스로 모든 범위의 텍스트를 변경합니다.

참조 URL : https://stackoverflow.com/questions/2622282/how-to-change-the-content-of-the-span-using-jquery

반응형