"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > jQuery 또는 Pure JavaScript를 사용하여 요소 내에서 텍스트 노드를 선택하려면 어떻게해야합니까?

jQuery 또는 Pure JavaScript를 사용하여 요소 내에서 텍스트 노드를 선택하려면 어떻게해야합니까?

2025-03-24에 게시되었습니다
검색:705

How Can I Select Text Nodes within an Element Using jQuery or Pure JavaScript?

이 코드는 텍스트 노드를 포함하여 컨텐츠 ()를 사용하여 자식 노드를 모았습니다. 그런 다음 find ()를 사용하여 자손 요소와 텍스트 노드를 분리합니다. 이 솔루션은 iframe 요소에 대한 특별한 처리가 필요합니다.

순수한 JavaScript 솔루션

var getTextNodesIn = function(el) {
    return $(el).find(":not(iframe)").addBack().contents().filter(function() {
        return this.nodeType == 3;
    });
};

getTextNodesIn(el);

다음 함수를 사용할 수 있습니다. var textnodes = [], nonwhitespacematcher = /\ s /; 함수 getTextNodes (노드) { if (node.nodeType == 3) { if (includewhitespacenodes || nonwhitespacematcher.test (node.nodevalue)) { textnodes.push (노드); } } 또 다른 { for (var i = 0, len = node.childnodes.length; i

이 함수는 노드 유형을 기반으로 텍스트 노드를 식별하여 DOM 트리를 재귀 적으로 통과합니다. 매개 변수를 전달하여 공백 노드를 포함시킬 수 있습니다.

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3