.text() - 선택한 요소 안의 내용을 가져오거나, 다른 내용으로 바꾸는 메서드

2019.03.10 17:25

jQuery / Method / .text() - 선택한 요소 안의 내용을 가져오거나, 다른 내용으로 바꾸는 메서드

.text()

.text()는 선택한 요소 안의 내용을 가져오거나, 다른 내용으로 바꿉니다. .html()과 비슷하지만 태그의 처리가 다릅니다.

문법 1

	
			1

			.text()

선택한 요소 안의 내용을 가져옵니다. 태그는 가져오지 않습니다. 예를 들어

	
			1

			var jb = $( 'h1' ).text();

는 h1 요소의 내용을 변수 jb에 저장합니다.

문법 2

	
			1

			.text( textString )

이전 내용을 지우고 새로운 내용을 넣습니다. 예를 들어

	
			1

			$( 'div' ).html( '<h1>Lorem</h1>' );

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

는 div 요소의 내용을 <h1>Lorem</h1>로 바꿉니다. HTML 태그는 텍스트로 처리합니다.

예제 1

div 요소 안의 내용을 가져와서 그 내용을 출력합니다. div 요소가 여러 개 있으면 모든 내용을 가져옵니다. HTML 태그는 제외한다는 것에 주의합니다.

	
			1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

			<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>jQuery</title>
    <script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
    <script>
      $( document ).ready( function() {
        var jbText = $( 'div' ).text();
        alert( jbText );
      } );
    </script>
  </head>
  <body>
    <div>
      <h1>Lorem ipsum dolor.</h1>
    </div>
    <div>
      <h1>Aenean nec mollis.</h1>
    </div>
  </body>
</html>

		

예제 2

div 요소 안의 내용을 지우고 새로운 내용을 넣습니다. div 요소가 여러 개 있으면 모든 요소에 적용됩니다. 삽입하는 내용에 있는 HTML 태그는 태그가 아니라 텍스트로 인식합니다.

	
			1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

			<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>jQuery</title>
    <script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
    <script>
      $( document ).ready( function() {
        $( 'div' ).text( '<p>Aenean nec mollis.</p>' );
      } );
    </script>
  </head>
  <body>
    <div>
      <h1>Lorem ipsum dolor.</h1>
    </div>
    <div>
      <h1>Phasellus lacinia tempus.</h1>
    </div>
  </body>
</html>

		

참고

jQuery / Method / .html()

jQuery

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.

이 게시물을

번호	제목	글쓴이	날짜	조회 수
154	How do I test for an empty JavaScript object?	졸리운_곰	2019.03.19	617
153	Javascript 자바스크립트 NaN (숫자)인지 체크	졸리운_곰	2019.03.19	356
152	css - position (static, relative, absolute, fixed 차이)	졸리운_곰	2019.03.16	414
151	포지션 css - position (static, relative, absolute, fixed 차이)	졸리운_곰	2019.03.16	496
150	Grouping JSON by values	졸리운_곰	2019.03.13	382
149	Grouping Array Data — JSON	졸리운_곰	2019.03.13	359
148	ECMAScript 6: maps and sets	졸리운_곰	2019.03.11	349
147	[jQuery]요소를 추가하는 메소드(append, prepend, after, before)	졸리운_곰	2019.03.10	575
»	jQuery / Method / .text() - 선택한 요소 안의 내용을 가져오거나, 다른 내용으로 바꾸는 메서드	졸리운_곰	2019.03.10	586
145	How do you convert a jQuery object into a string?	졸리운_곰	2019.03.10	454
144	Comparing a Text Element and a String	졸리운_곰	2019.03.10	320
143	How to check whether a string contains a substring in JavaScript?	졸리운_곰	2019.03.10	366
142	JQuery 오브젝트 셀렉트한 select object의 내용 확인	졸리운_곰	2019.03.10	600
141	자바스크립트 세번째 - 배열 (2차원배열), for/in 문	졸리운_곰	2019.03.09	498
140	HOW TO USE JQUERY TO SORT AND REORGANIZE YOUR CONTENT : jquery html 정렬 sort	졸리운_곰	2019.03.09	323
139	jquery로 html의 내용이 변경 되었을때 텍스트 내용 가져오기 질문 드립니다.	졸리운_곰	2019.03.09	324
138	자바스크립트 – 객체안에 값이 있는지 여부	졸리운_곰	2019.03.08	481
137	브라우저 현재 작업창 닫기	졸리운_곰	2019.03.07	477
136	document.write: HTML 웹페이지에 글쓰기(문자열 출력) 예제	졸리운_곰	2019.03.07	271
135	jQuery를 사용하여 텍스트 변경하기	졸리운_곰	2019.03.07	280

첫 페이지 1 2 3 4 5 6 7 8 9 10 11 12 13 14 끝 페이지

쓰기

태그

JQuery jQuery / Method / .text() - 선택한 요소 안의 내용을 가져오거나, 다른 내용으로 바꾸는 메서드

jQuery / Method / .text() - 선택한 요소 안의 내용을 가져오거나, 다른 내용으로 바꾸는 메서드

.text()

문법 1

문법 2

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

예제 1

예제 2

참고

관련 글

댓글 0

JQuery jQuery / Method / .text() - 선택한 요소 안의 내용을 가져오거나, 다른 내용으로 바꾸는 메서드

jQuery / Method / .text() - 선택한 요소 안의 내용을 가져오거나, 다른 내용으로 바꾸는 메서드

.text()

문법 1

문법 2

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다. 어린이용이며, 설치가 필요없는 브라우저 게임입니다. https://s1004games.com

예제 1

예제 2

참고

관련 글

댓글 0

로그인

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com