jQuery를 사용하여 HTML 요소에서 특정 텍스트 노드를 어떻게 추출할 수 있습니까?

요소에서 텍스트 콘텐츠를 선택적으로 검색하는 방법

HTML 문서로 작업할 때 요소에서 특정 텍스트 노드를 추출해야 할 수도 있습니다. 요소의 구조를 변경하지 않고 요소. 다음 예를 고려해보세요.

<br><div> 저는 텍스트 노드입니다<br> <a></div><br>

이 시나리오의 목표는 "Edit" 태그를 제외하고 "I am text node" 텍스트만 검색하는 것입니다. 크로스 브라우저 호환 방식으로 이를 달성하려면 jQuery를 활용할 수 있습니다.

jQuery 솔루션:

다음 jQuery 코드는 " 편집하다" 태그:

var text = $(".title").contents().filter(function() {
  return this.nodeType == Node.TEXT_NODE;
}).text();

설명:

• 코드는 "title" 클래스가 있는 요소를 선택합니다.
• 그런 다음 텍스트 노드와 앵커 태그를 포함하는 해당 요소의 콘텐츠.
• 필터 기능은
• 마지막으로 text() 메서드를 사용하여 선택한 텍스트 노드에서 텍스트 콘텐츠를 추출합니다.

이 접근 방식을 사용하면 요소의 구조나 내용에 영향을 주지 않고 원하는 텍스트 노드를 얻습니다. 이 솔루션은 다양한 HTML 문서 시나리오를 수용하여 여러 브라우저 간의 호환성을 보장합니다.

위 내용은 jQuery를 사용하여 HTML 요소에서 특정 텍스트 노드를 어떻게 추출할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!