在搞一个查询工具,想对查询到的字段进行高亮处理,但只能匹配到一个字段
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
求大神支招,不胜感激!
说句题外话,
foods.slice
是不是放在函数外比较好?思想如下: