jQuery .text()

1 개요

jQuery .text()

• 태그 내부의 내용을 읽거나 쓰는 jQuery 메소드
• .html()와는 다른 점이 있음

읽을 때는 내용에 포함된 태그가 무시됨

쓸 때는 태그가 그대로 보이도록 적용됨

2 예시 1

• 예제: http://zetawiki.com/ex/jquery/text.html

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

<p id="greet1"><strong>안녕</strong>하세요!</p>

<script>
console.log( $("#greet1").html() ); // <strong>안녕</strong>하세요!
console.log( $("#greet1").text() ); // 안녕하세요!
</script>

3 예시 2

• 예제: http://zetawiki.com/ex/jquery/text2.html

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

<p id="greet1"><strong>안녕</strong>하세요!</p>
<p id="greet2"><strong>안녕</strong>히 계세요.</p>

<script>
$("#greet1").html('<strong>만나서</strong> 반갑습니다.');
$("#greet2").text('<strong>만나서</strong> 반갑습니다.');
// 만나서 반갑습니다.
// <strong>만나서</strong> 반갑습니다.
</script>

4 같이 보기

• jQuery val(), text(), html()
• jQuery .html()

6 참고

• http://api.jquery.com/text/
• http://www.w3schools.com/jquery/html_text.asp