包含其他標記之外的HTML標記文本

Question

我想為我的網站制作一個小型系統，用javascript突出顯示語法。

我的問題是我找不到仍突出顯示的文本。

一個小例子：

• 可能的輸入字符串：

 <div class="keyword">for</div> ( <div class="keyword">var</div> i = <div class="num">0</div> ; i < <div class="num">10</div> ; i++){ app.food. <div class="keyword">fn</div> (); } 

• 結果

 <div class="keyword">for</div> <div class="other">(</div> <div class="keyword">var</div> <div class="other"> i =</div> <div class="num">0</div> <div class="other">; i < </div> <div class="num">10</div> <div class="other">; i++){ app.food.</div> <div class="keyword">fn</div> <div class="other">(); }</div> 

誰能幫我？ 謝謝！

Answer 1

使用Jquery，您可以像這樣包裝textNodes：

 $('body').contents().filter(function() { return this.nodeType === 3 }).wrap('<div class="other">'); 

 .other { background: yellow; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="keyword">for</div> ( <div class="keyword">var</div> i = <div class="num">0</div> ; i &lt; <div class="num">10</div> ; i++){ app.food. <div class="keyword">fn</div> (); }