jQuery로 텍스트 노드 검색
한 요소의 모든 하위 텍스트 노드를 jQuery 컬렉션으로 검색하는 작업은 어려울 수 있습니다. jQuery에는 이러한 특정 목적을 위한 전용 기능이 부족하지만 contents() 및 find().
의 기능을 결합하여 이 목표를 달성할 수 있습니다. jQuery 접근 방식:
var getTextNodesIn = function(el) { return $(el).find(":not(iframe)").addBack().contents().filter(function() { return this.nodeType == 3; }); }; getTextNodesIn(el);
이 접근 방식은 다음을 제외한 모든 하위 텍스트 노드를 검색합니다. iframes.
jQuery가 아닌 접근 방식:
보다 효율적인 솔루션을 위해 재귀 DOM 기반 기능을 사용할 수 있습니다.
function getTextNodesIn(node, includeWhitespaceNodes) { var textNodes = [], nonWhitespaceMatcher = /\S/; function getTextNodes(node) { if (node.nodeType == 3) { if (includeWhitespaceNodes || nonWhitespaceMatcher.test(node.nodeValue)) { textNodes.push(node); } } else { for (var i = 0, len = node.childNodes.length; i < len; ++i) { getTextNodes(node.childNodes[i]); } } } getTextNodes(node); return textNodes; } getTextNodesIn(el);
이 함수는 jQuery가 아닌 요소를 처리할 수 있어 공백 텍스트 노드 포함을 더 효과적으로 제어할 수 있습니다.
위 내용은 jQuery 또는 비 jQuery 접근 방식을 사용하여 요소의 모든 하위 텍스트 노드를 효율적으로 검색하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!