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

WBOY
풀어 주다: 2016-05-16 16:41:22
원래의
1656명이 탐색했습니다.

아래 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();
로그인 후 복사
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿