Home  >  Q&A  >  body text

javascript - replace第一个参数怎么拼接变量?

在搞一个查询工具,想对查询到的字段进行高亮处理,但只能匹配到一个字段
bug地址:http://www.obyee.com/demo/foo...
输入羊肉 第五行不能匹配所有羊肉字段
代码如下:

document.querySelector('#search').onkeyup = function(){
            document.querySelector('#food_lst').innerHTML = '';
            if(this.value == ' ' || this.value.length == 0) return false;
            var newArr = foods.slice();
            var footArr = [];
            for(var i=0,len = foods.length;i<len;i++){
                if(foods[i].indexOf(this.value) != -1){
                    newArr[i] = newArr[i].replace(this.value,'<b>'+this.value+'</b>');
                    footArr.push('<li>'+newArr[i]+'</li>');
                }
            }
            document.querySelector('#food_lst').innerHTML = footArr.join('');
        }

replace那里的第一个参数 this.value 我想拼接成 / this.value /g
求大神支招,不胜感激!

怪我咯怪我咯2727 days ago566

reply all(4)I'll reply

  • 阿神

    阿神2017-04-11 10:36:09

    // ...
    newArr[i] = newArr[i].replace(new RegExp(this.value, 'g'),'<b>'+this.value+'</b>');

    reply
    0
  • 怪我咯

    怪我咯2017-04-11 10:36:09

    newArr[i].replace(new RegExp(this.value,"g"),'<b>'+this.value+'</b>');

    reply
    0
  • PHPz

    PHPz2017-04-11 10:36:09

    说句题外话,foods.slice是不是放在函数外比较好?

    reply
    0
  • PHP中文网

    PHP中文网2017-04-11 10:36:09

    思想如下:

    var str="这里填待匹配字符串";
    var regStr="这里填你要写的正则";//你可以填写this.value
    eval("reg=/"+regStr+"/g");
    var newStr=str.replace(reg,'<b>'+regStr+'</b>');

    reply
    0
  • Cancelreply