jQuery를 사용한 요소 텍스트 출력
html 메서드와
text 메서드는
요소의 텍스트를 변경하는 데만 사용할 수 있는 것이 아니라,
화면에 출력하는 데에도 사용할 수 있습니다.
요소를 가져와서 텍스트를 출력해 봅시다:
<p id="test">text</p>
alert($('#test').html());
하나의 요소가 아닌 여러 요소의 텍스트를 가져오려고 하면,
첫 번째 요소의 내용만 보게 됩니다.
모든 요소의 텍스트를 얻으려면
each 메서드를 사용하세요.
이 메서드에 대해서는 다음 강의에서 설명하겠습니다.
아래 예시에서는 클래스가
www인 모든 단락을 가져옵니다:
<p class="www">text1</p>
<p class="www">text2</p>
<p class="www">text3</p>
그런 다음
html를 사용하여 내용을 출력합니다.
이때, 가져온 단락 중 첫 번째 단락의 텍스트만 출력됩니다:
alert($('.www').html()); // 'text1'을 출력합니다
text 메서드도 주의해서 사용해야 합니다.
우리의 경우에는 찾은 모든 요소의 내용을 출력합니다:
alert($('.www').text()); // 'text1text2text3'을 출력합니다
