Javascript多突出显示文本不工作

我正在尝试使用多种颜色突出显示文本。但文本没有突出显示。下面给出一个例子

<span class='classOne'>Hello there <span class='classTwo'>highlight not</span> working.</span>

你好，这里突出显示不工作。

对于单色，它可以很好地工作，而不是多重。下面给出了我从谷歌搜索得到的源代码

jQuery.fn.highlight = function (pat) {
    function innerHighlight(node, pat) {
        var skip = 0;
        if (node.nodeType == 3) {
            var pos = node.data.toUpperCase().indexOf(pat);
            if (pos >= 0) {
                var spannode = document.createElement('span');
                spannode.className = 'highlight';
                var middlebit = node.splitText(pos);
                var endbit = middlebit.splitText(pat.length);
                var middleclone = middlebit.cloneNode(true);
                spannode.appendChild(middleclone);
                middlebit.parentNode.replaceChild(spannode, middlebit);
                skip = 1;
            }
        } else if (node.nodeType == 1 && node.childNodes && !/(script|style)/i.test(node.tagName)) {
            for (var i = 0; i < node.childNodes.length; ++i) {
                i += innerHighlight(node.childNodes[i], pat);
            }
        }
        return skip;
    }
    return this.length && pat && pat.length ? this.each(function () {
        innerHighlight(this, pat.toUpperCase());
    }) : this;
};

jQuery.fn.removeHighlight = function () {
    return this.find("span.highlight").each(function () {
        this.parentNode.firstChild.nodeName;
        with(this.parentNode) {
            replaceChild(this.firstChild, this);
            normalize();
        }
    }).end();
};

jQuery.fn.highlight=函数（pat）{
函数innerHighlight（节点，pat）{
var-skip=0；
if（node.nodeType==3）{
var pos=node.data.toUpperCase（）.indexOf（pat）；
如果（位置>=0）{
var spannode=document.createElement（'span'）；
spannode.className='highlight'；
var middlebit=node.splitText（pos）；
var endbit=MIDLEBIT.splitText（pat.length）；
var middleclone=middlebit.cloneNode（true）；
spannode.appendChild（middleclone）；
middlebit.parentNode.replaceChild（spannode，middlebit）；
skip=1；
}
}else if（node.nodeType==1&&node.childNodes&&！/（脚本样式）/i.test（node.tagName））{
对于（变量i=0；i

我这样做的时候，效果很好。看看这个

$.fn.highlight=功能（pat）{
函数innerHighlight（节点，pat）{
var-skip=0；
if（node.nodeType==3）{
var pos=node.data.toUpperCase（）.indexOf（pat）；
如果（位置>=0）{
var spannode=document.createElement（'span'）；
spannode.className='highlight'；
var middlebit=node.splitText（pos）；
var endbit=MIDLEBIT.splitText（pat.length）；
var middleclone=middlebit.cloneNode（true）；
spannode.appendChild（middleclone）；
middlebit.parentNode.replaceChild（spannode，middlebit）；
skip=1；
}
}else if（node.nodeType==1&&node.childNodes&&！/（脚本样式）/i.test（node.tagName））{
对于（变量i=0；i
.classOne.高亮显示{
背景色：#FF0；
}
.二班.重点{
背景颜色：灰色；
}

您好，现在正在工作。
您可以添加正在运行的代码片段或JSFIDLE吗？请从这里查看演示。。