[Traversing] JQ - contents() 메서드 - 선택요소의 모든 직접 자식요소 반환 . (= 콘텐츠메서드) ※ 텍스트 및 주석 노드 포함.

contents() 예제 - div 요소의 직접 자식 반환

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

 

<script>

$(document).ready(function(){

  $("button").click(function(){

    $("div").contents().filter("em").wrap("<b/>");

  });

});

</script>

<div>홈짱닷컴 <em>Homzzang.com</em></div>

<button>클릭</button>

 

결과보기

관련글 https://sir.kr/qa/303259

contents () 정의

 

선택 요소의 '텍스트 및 주석' 노드 포함한 모든 직접 자식 요소 반환.

※ 텍스트 노드 : 요소가 표시하는 실제 텍스트.

 

---

 

1. 

children() 메서드 : 

contents() 메서드와 유사하나, 텍스트 노드와 주석 노드는 반환 X.

2.
동일 도메인에 있는 iframe의 HTML에도 접근 가능.

 

contents() 구문

 

$(selector).contents()

 

※ selector : 선택자.