>  기사  >  웹 프론트엔드  >  노드 및 하위 노드 text_jquery를 가져오는 jQuery 메서드

노드 및 하위 노드 text_jquery를 가져오는 jQuery 메서드

WBOY
WBOY원래의
2016-05-16 16:41:221665검색

아래 HTML 스니펫의 경우

<div id="text_test">test text<a href="techbrood.com" rel="external nofollow" >techbrood co.</a></div>

노드 일반 텍스트 가져오기:

var text = $('#text_test').text()

이렇게 하면 "test text techbrood co."가 표시됩니다. 이는 현재 요소의 모든 노드(하위 노드 포함) 텍스트를 읽는다는 의미입니다.

메인 노드의 텍스트만 가져오려면 방법이 더 복잡합니다.

var text = $("#text_test").contents().filter(function() {
return this.nodeType === 3;
}).text();

하위 노드의 텍스트 가져오기:

var text = $("#text_test > a").first().contents().filter(function() {
return this.nodeType === 3;
}).text();
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.