Maison > Questions et réponses > le corps du texte
在搞一个查询工具,想对查询到的字段进行高亮处理,但只能匹配到一个字段
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
求大神支招,不胜感激!
阿神2017-04-11 10:36:09
// ...
newArr[i] = newArr[i].replace(new RegExp(this.value, 'g'),'<b>'+this.value+'</b>');
怪我咯2017-04-11 10:36:09
newArr[i].replace(new RegExp(this.value,"g"),'<b>'+this.value+'</b>');
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>');