jQuery를 라이브 HTML 파서/노드 대체 유틸리티로 사용할 수 있습니까?

Question

내 게시물마다 최적화 된 키워드가 다릅니다. 게시 내용을 취하고 강력한 키워드로 키워드의 첫 번째 인스턴스를 감싸는 루틴이 필요합니다. 요소의 속성 컬렉션 (title, src, alt 등)의 (1) 부분 인 경우 키워드를 꾸미고 싶지 않습니다. 그리고 그것 h1-6 제목 태그에있는 경우 나는 그것을 꾸미 싶지 않아요.

나는 dom traversal과 Html parsing/replacement를위한 도구가 많이 있다는 것을 알고있다. jQuery로이를 수행 할 수 있습니까?

누군가 jQuery를 html 파서로 사용하는 예를 제공 할 수 있습니까?

Answer 1

이것은 귀하가 찾고있는 것일 수 있습니다. 당신은 HTML을 직접 파싱해서는 안됩니다. DOM을 탐색하고 텍스트 노드를 찾는 것이 좋습니다. 당신이

완전히 다른 문제가 있지만 해결의

<p> fo <span> o </span> </p>

처럼 단어 HTML을 중첩 한 경우

var word = "foo"; 

var nodes = $("postSelector").find("*"); // get all elements 

for (var i = 0; i < nodes.length; i++) { 
    // get the node 
    var node = nodes.eq(i); 
    // if the tagName is a h1-h6 then continue 
    if (/h\d/.test(node[0].tagName)) continue; 
    if (node.text().indexOf(word) > -1) { 
     // handle the textual replacement. 
     var text = node.text(); 
     text.replace(word, "<strong>" + word + "</strong>"); 
     node.html(text); 
    } 
} 

문제가 발생할 것입니다.