Twlig / issuesBlog

MIT License
3 stars 0 forks source link

模糊匹配高亮 #93

Open Twlig opened 2 years ago

Twlig commented 2 years ago

假设用户搜索上海,针对匹配信息项中上海字体高亮:

var arr = ['上海市公园', '上海自来水公司', '夜上海']
var value = '上海'
var ul = document.getElementsByTagName('ul')[0]
arr.forEach(item => {
    if(item.indexOf(value) !== -1) {
        let li = document.createElement('li')
        li.innerHTML = item.replace(value, `<span style="color: blue">${value}</span>`)
        ul.appendChild(li)
    }
})