前端关键字搜索,匹配字符加红

 

 

 

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>搜索数据,显示符合条件的内容,并显示出红色</title>
</head>
<body>

<input type="text" >$' + j + '</span>';
k++;
} else {
replaceReturn += '$' + j;
}
}

for (var obj in data[i]) {
if (data[i].hasOwnProperty(obj)) {
searchData[obj] = data[i][obj];
}
}
searchData.Title = searchData.Title.replace(reg, replaceReturn);//.replace(reg, replaceReturn);
aData.push(searchData);
}
}
return aData;
}

/* var aNotes = searchNotes(data, search);
var sNotes = '';
for (var i = 0, len = aNotes.length; i < len; i++) {
sNotes += aNotes[i].Title + '</br>';
}
document.getElementById('content').innerHTML = sNotes;*/

function Submit() {
var search = document.getElementById('search').value;
var aNotes = searchNotes(data, search);
// console.log(data);
var sNotes = '';
for (var i = 0, len = aNotes.length; i < len; i++) {
sNotes += aNotes[i].Title + '</br>';
}

document.getElementById('content').innerHTML = sNotes;
}

</script>
</body>
</html>

相关文章: