.contents()

수다왕

· 8년 전 · 조회 1916 1916

.contents()

설명 : 텍스트 노드와 주석 노드를 포함하여 일치하는 요소 세트에서 각 요소의 하위 항목을 가져옵니다.

DOM 요소 집합을 나타내는 jQuery 객체가 주어지면이 .contents()메소드를 사용하여 DOM 트리에서 이러한 요소가있는 하위 요소를 검색하고 일치하는 요소에서 새 jQuery 객체를 생성 할 수 있습니다. .contents()및 .children()방법은 전자가 결과의 jQuery 객체의 텍스트 노드 및 주석 노드뿐만 아니라 HTML 요소를 포함하는 것을 제외하고, 비슷합니다. 대부분의 jQuery 작업은 텍스트 노드와 주석 노드를 지원하지 않는다는 점에 유의하십시오. 몇 가지는 API 문서 페이지에 명시 적으로 유의해야합니다.

이 .contents()메소드는 iframe이 기본 페이지와 동일한 도메인에있는 경우 iframe의 내용 문서를 가져 오는 데에도 사용할 수 있습니다.

<div>여러 개의 텍스트 노드가 있는 간단한 것을 생각해보십시오. 각 노드는 두 개의 줄 바꿈 요소 ( <br>)로 구분됩니다 .

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed

do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco

laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit

esse cillum dolore eu fugiat nulla pariatur.

</div>

이 .contents()방법을 사용 하여이 텍스트 블록을 세 개의 잘 구성된 단락으로 변환하는 데 도움을 줄 수 있습니다

$( ".container" )

.contents()

.filter(function() {

return this.nodeType === 3;

})

.wrap( "<p></p>" )

.end()

.filter( "br" )

.remove();

이 코드는 먼저의 내용을 검색 <div class="container">한 다음 단락 태그에 싸여있는 텍스트 노드를 필터링합니다. 이것은 요소 의 .nodeType속성 을 테스트하여 수행됩니다 . 이 DOM 속성은 노드의 유형을 나타내는 숫자 코드를 포함합니다. 텍스트 노드는 코드 3을 사용합니다. 내용은 다시 필터링되고, <br />요소는 이번에 는 제거되며,이 요소는 제거됩니다.

예 :

단락 안에있는 모든 텍스트 노드를 찾아서 굵은 태그로 둘러 쌉니다.

<!doctype html>

<head>

<title>contents demo</title>

</head>

<body>

<p>Hello <a href="http://ejohn.org/">John</a>, how are you doing?</p>

$( "p" )

.contents()

.filter(function(){

return this.nodeType !== 1;

})

.wrap( "<b></b>" );

</script>

</body>

</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
4886	PHP	여러 체크박스 체크하고, 또 수정할 경우에 체크된 상황을 그대로 보여주는,,,	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2385
4885	PHP	배열 내장함수 - array_change_key_case	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2703
4884	기타	일반적인 미디어쿼리 [4]	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3080
4883	PHP	특정 ip에서만 모바일 사용	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2361
4882	PHP	문자열 자르기, substr() [1]	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3701
4881	PHP	하루전 일주일전 한달전 [1]	col 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3340
4880	JavaScript	어제날짜, 내일날짜 구하기	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3340
4879	JavaScript	날짜형식 체크 [2]	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3062
4878	PHP	유용한 일반 함수 모음 (PHP) [12]	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	5450
4877	PHP	리눅스에서 <?php 는 작동하는데 <? 로 시작하면 파일 깨질때... [5]	welcome 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2909
4876	OS	1원팁: Vagrant와 VirtualBox 호환 버전 - 2018.05.02기준	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2934
4875	기타	2개의 DB에 그누보드가 설치되었을 때 변경된 칼럼비교 (g5로 시작되는 테이블만 일단!) [1]	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2385
4874	PHP	GeoIP 모듈 사용시 2자리코드를 한글로 반환 해주는 코드	LucyLee 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2749
4873	웹서버	도메인 rewrite 구현? [1]	black 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2356
4872	PHP	php async [3]	terrorboy 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3573
4871	기타	웹 문서를 PDF 로 변환/다운로드 해주는 사이트 [6]	상큼쏭 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3350
4870	기타	ing API를 이용한 주식자동매매 프로그램(1)	어스지웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	5650
4869	기타	아이폰 사파리 자동로그인해결하기	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	4215
4868	JavaScript	스택(stack)을 이용한 사칙연산(+ - * /) 계산기 [4]	슈와이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	4579
4867	PHP	PHPMailer 를 이용한 email 발송 [2]	싸이드뤠이스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3920
4866	JavaScript	다양한 카운트다운 소스 [6]	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	4439
4865	PHP	간단한 PHP 프레임워크 [10]	gshn 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	5626
4864	jQuery	atj.js [3]	Rido 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2586
4863	jQuery	간략 이미지 롤오버 jquery문 ( mouseenter/mouseleave 이벤트 ) [4]	루돌프사슴코 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3990
4862	JavaScript	네이버 지도 api v3 주소->좌표 변환해서 출력하는 예제 [5]	Rido 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	7800
4861	기타	Poedit 기본 문장 입력을 간단하게	Rido 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2255
4860	웹서버	우분투 LEMP 스택 자동 설치 스크립트	gshn 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2499
4859	기타	poedit 를 사용하여 po, mo 파일 만들기 [1]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	6951
4858	기타	poedit 를 사용하여 그누보드5 다국어 버전 쉽게 만들기 [10]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	5115
4857	웹서버	네이버클라우드플랫폼에서 서버생성하고 NGINX + PHP-FPM + MariaDB 설치하기 [12]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	6192