.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

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

이 게시물을

번호	제목	글쓴이	날짜	조회 수
343	How to trigger a file download when clicking an HTML button or JavaScript	졸리운_곰	2019.03.24	366
342	ADD/REMOVE CLASSES WITH RAW JAVASCRIPT 19 May 2010 2 min read By Jake Trent In Posts	졸리운_곰	2019.03.24	500
341	How can I use jQuery to make an input readonly?	졸리운_곰	2019.03.24	320
340	jQuery.isEmptyObject()	졸리운_곰	2019.03.24	793
339	Merge and split table cells with JavaScript	졸리운_곰	2019.03.23	503
338	How can I detect if a selector returns null?	졸리운_곰	2019.03.23	296
337	테이블 태그 셀 합치기 그리고, 테이블 안 테이블	졸리운_곰	2019.03.23	566
336	테이블 컬럼 너비 고정 : Fixed Table Cell Width	졸리운_곰	2019.03.21	767
335	DIV 가로 중앙정렬과 세로 중앙정렬 방법	졸리운_곰	2019.03.20	498
334	How do I test for an empty JavaScript object?	졸리운_곰	2019.03.19	617
333	Javascript 자바스크립트 NaN (숫자)인지 체크	졸리운_곰	2019.03.19	356
332	css - position (static, relative, absolute, fixed 차이)	졸리운_곰	2019.03.16	414
331	포지션 css - position (static, relative, absolute, fixed 차이)	졸리운_곰	2019.03.16	496
330	Grouping JSON by values	졸리운_곰	2019.03.13	382
329	Grouping Array Data — JSON	졸리운_곰	2019.03.13	359
328	스크롤 따라 움직이는 레이어	졸리운_곰	2019.03.12	422
327	ECMAScript 6: maps and sets	졸리운_곰	2019.03.11	349
326	jquery 자식 노드 찾고. 갯수 알아 보고, 동적 추가 하고...class 명도 찾아 보자..	졸리운_곰	2019.03.10	281
325	[jQuery]요소를 추가하는 메소드(append, prepend, after, before)	졸리운_곰	2019.03.10	575
»	jQuery / Method / .text() - 선택한 요소 안의 내용을 가져오거나, 다른 내용으로 바꾸는 메서드	졸리운_곰	2019.03.10	587

첫 페이지 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 끝 페이지

쓰기

태그

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