jquery - 在 jQuery 中突出显示变量和关键字

Question

我正在尝试使用 jQuery 突出显示代码片段中的变量和关键字。假设，我有一个这样的 java 片段，

public class abc { 
  public static void main(String args[]) { 
    int count = 0; 

}
}

我对变量使用名为“变量”的按钮，对保留关键字使用“关键字”按钮。有什么方法吗？还是我应该使用正则表达式？

Answer 1

这是一个基于将段落中的一些html替换为的解决方案id=test

/* array of words to highlight */
var words = ['dummy', 'survived', 'desktop'];

$(function() {
    /* get html containing words to highlight*/    
    var wordsHtml = $('#test').html();
    $.each(words, function(idx, word) {
        var reg = new RegExp(word, 'g');
        /* replace word with a span containing word ,use css to "highlight" class*/
        wordsHtml = wordsHtml.replace(reg, '<span class="highlight">' + word + '</span>');
    });
    /* replace old html with new*/
    $('#test').html(wordsHtml);

})

演示：http: //jsfiddle.net/pjBuY/