搜索文本中的特殊字符

我在下面的此JavaScript代码搜索任何单词输入到文本字段。现在，需要搜索的文本在这个示例文本中包含特殊字符，如撇号和点：“和Zeb'uun的部落。”搜索文本中的特殊字符

现在，我该如何采用我的JS代码来包含这些特殊字符？如果我在我的文本框中输入没有特殊字符的Zebulun，则搜索功能找不到它。

var SearchResultCount = 0; 
    var a = new Array(); 
    var oneTime = false; 

    // helper function, recursively searches in elements and their child nodes 
    function HighlightAllOccurencesOfStringForElement(element,keyword) { 
     if (element) { 
      if (element.nodeType == 3) { // Text node 
       while (true) { 
        var value = element.nodeValue; // Search for keyword in text node 
        var idx = value.toLowerCase().indexOf(keyword; 

        if (idx < 0) break; // not found, abort 

        var span = document.createElement("span"); 
        var text = document.createTextNode(value.substr(idx,keyword.length)); 
        span.appendChild(text); 
        span.setAttribute("class","MyAppHighlight"); 

        text = document.createTextNode(value.substr(idx+keyword.length)); 
        element.deleteData(idx, value.length - idx); 
        var next = element.nextSibling; 
        element.parentNode.insertBefore(span, next); 
        element.parentNode.insertBefore(text, next); 
        element = text; 

        span.scrollIntoView(); 
        span.style.background= "-webkit-linear-gradient(top, #FAE309, #FFF7AA)"; 
        span.style.fontWeight = "bold"; 
        span.style.padding = "2px"; 
        span.style.borderRadius = "5px"; 
        span.style.boxShadow = "0px 0px 2px black"; 
        a.push(span); // SET THIS CODE HERE 
        SearchResultCount++; // update the counter 
       } 

      } else if (element.nodeType == 1) { // Element node 
       if (element.style.display != "none" && element.nodeName.toLowerCase() != 'select') { 
        for (var i=element.childNodes.length-1; i>=0; i--) { 
         HighlightAllOccurencesOfStringForElement(element.childNodes[i],keyword); 
        } 
       } 
      } 
     } 
    } 

// the main entry point to start the search 
function HighlightAllOccurencesOfString(keyword) { 
    RemoveAllHighlights(); 
    HighlightAllOccurencesOfStringForElement(document.body, keyword.toLowerCase()); 
}

来源

2013-08-04 Philip Borges

首先，有一个右括号下面一行丢失：

var idx = value.toLowerCase().indexOf(keyword;

所以，我不会感到惊讶，如果该功能没有在所有的工作。

要回答您的问题，一种方法是使用字符串变量的原生replace()函数清除除字母字符以外的每个字符。您必须对搜索字词和这两个字词进行搜索，因此您必须通过该函数传递value和keyword变量。事情是这样的：

keyword = cleanUp(keyword); 
var value = cleanUp(element.nodeValue); 
... 
function cleanUp(toClean) { 
    cleaned = toClean.replace([^a-zA-Z],""); //Deletes non-alphabetic characters (including spaces) by replacing them with nothing. If you want to leave spaces intact, use [^a-zA-Z ] instead. 
    return cleaned; 
}

一旦做到这一点，使用相同的功能，你必须要两个字符串进行比较。

来源

2014-02-22 23:21:25 gwistix

搜索文本中的特殊字符

回答

相关问题