Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 搜索文本中的特殊字符_Javascript_Search - Fatal编程技术网

Javascript 搜索文本中的特殊字符

Javascript 搜索文本中的特殊字符,javascript,search,Javascript,Search,我下面有一段Javascript代码,用于搜索输入到文本字段中的任何单词。现在,需要搜索的文本包含特殊字符,如本示例文本中的撇号和点:“和Zeb'u·lun部落。” 现在,我如何采用JS代码来包含这些特殊字符?如果我键入的Zebulun文本字段中没有特殊字符,搜索功能将无法找到它 var SearchResultCount = 0; var a = new Array(); var oneTime = false; // helper function, recu

我下面有一段Javascript代码,用于搜索输入到文本字段中的任何单词。现在,需要搜索的文本包含特殊字符,如本示例文本中的撇号和点:“和Zeb'u·lun部落。”

现在,我如何采用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());
}
var SearchResultCount=0;
var a=新数组();
var oneTime=假;
//helper函数,递归搜索元素及其子节点
函数HighlightAlloccurrenceSofsTringForElement(元素,关键字){
if(元素){
如果(element.nodeType==3){//Text节点
while(true){
var value=element.nodeValue;//在文本节点中搜索关键字
var idx=value.toLowerCase().indexOf(关键字;
如果(idx<0)中断;//未找到,则中止
var span=document.createElement(“span”);
var text=document.createTextNode(value.substr(idx,keyword.length));
span.appendChild(文本);
setAttribute(“类”、“MyAppHighlight”);
text=document.createTextNode(value.substr(idx+关键字.length));
element.deleteData(idx,value.length-idx);
var next=element.nextSibling;
element.parentNode.insertBefore(span,next);
element.parentNode.insertBefore(文本,下一步);
元素=文本;
span.scrollIntoView();
span.style.background=“-webkit线性渐变(顶部,#FAE309,#FFF7AA)”;
span.style.fontwweight=“bold”;
span.style.padding=“2px”;
span.style.borderRadius=“5px”;
span.style.boxShadow=“0px 0px 2px黑色”;
a、 push(span);//在此处设置此代码
SearchResultCount++;//更新计数器
}
}如果(element.nodeType==1){//element节点
if(element.style.display!=“无”&&element.nodeName.toLowerCase()!=“选择”){
对于(var i=element.childNodes.length-1;i>=0;i--){
HighlightAlloccurrencesoFStringForElement(element.childNodes[i],关键字);
}
}
}
}
}
//开始搜索的主要入口点
函数HighlightAlloccurrencesofString(关键字){
移除所有突出显示();
HighlightAlloccurrencesoFStringForElement(document.body,keyword.toLowerCase());
}

首先,下一行缺少一个右括号:

var idx = value.toLowerCase().indexOf(keyword;
因此,如果函数根本不起作用,我也不会感到惊讶

要回答您的问题,一种方法是使用字符串变量的本机
replace()清除除字母字符以外的所有字符
函数。您必须对搜索词和正在搜索的文本执行此操作,因此您必须通过函数传递
值和
关键字变量。类似如下:

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;
}
完成后,使用与比较两个字符串相同的函数