![](/img/trans.png)
[英]Developing Google like keyword highlighting on a rails search engine
[英]Highlighting search keyword
我创建了一个简单的数据库并且有一个实时搜索,我想知道如何在表格中突出显示搜索关键字。 我一直在使用其他方法,但仍然不起作用。 请帮我
这是我的代码:
$(document).ready(function(){
load_data();
function load_data(search){
$.ajax({
url:"get_data.php",
method:"POST",
data: {
search: search
},
success:function(data){
$('#hasil').html(data);
}
});
}
$('#search').keyup(function(){
var search = $("#search").val();
load_data(search);
});
function highlight_word(hasil)
{
var text = document.getElementById("search").value;
if(text)
{
var pattern=new RegExp("("+text+")", "gi");
var new_text=hasil.replace(pattern, "<span class='highlight'>"+text+"</span>");
document.getElementById("hasil").innerHTML=new_text;
}
}
html:
<input type="text" class="form-control" id="search" name="search" >
<div id="hasil"></div>
您从未在某处调用过 highlight_word() function。 您可以通过以下方式替换您的成功 function:
success:function(data){
$('#hasil').html(data);
highlight_word(data);
}
按照这篇文章。 你可以这样
[https://stackoverflow.com/questions/8644428/how-to-highlight-text-using-javascript][1]
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.