다른 요소를 유지하면서 HTML 요소에서 특정 텍스트를 추출하는 방법은 무엇입니까?

브라우저 간 호환성을 사용하여 요소에서 특정 텍스트 추출

요소 내의 다른 요소를 유지하면서 요소에서 특정 텍스트 노드를 검색하려면 , 다음 시나리오를 고려해보세요.

<div> 저는 문자입니다. node<br> <a></div><br>

목표: "Edit"를 제거하지 않고 "I am text node"라는 텍스트를 얻습니다. link.

해결책:

다음 jQuery 코드는 브라우저 간 호환성을 유지하면서 관심 있는 텍스트 노드를 효율적으로 추출합니다.

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

이것은 코드:

1. 다음을 사용하여 "title" 클래스가 있는 요소를 선택합니다. jQuery.
2. contents() 메서드를 호출하여 텍스트 노드를 포함한 모든 하위 요소를 검색합니다.
3. 이러한 콘텐츠에 필터 기능을 적용하여 텍스트 노드만 유지합니다.
4. 변환합니다. 필터링된 텍스트 노드를 text() 메서드를 사용하여 단일 문자열로 만듭니다.

그 결과 "I am text node"라는 텍스트가 표시됩니다. "편집" 링크에 영향을 주지 않고 반환됩니다.

위 내용은 다른 요소를 유지하면서 HTML 요소에서 특정 텍스트를 추출하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!