<p>来自百度知道范例:</p><input type="text" value="" id="keyWord"><a href="javascript:;" class="search">搜索</a>
<div class="text">
就是我在搜索框里面就是个关键字然后点击搜索然后它会出现对应的标题内容标题内容这样的,可是下去然后我需要,如果说我这个关键字的标题或者内容中有出现我就把它显示出来,但是我就是要做关键字然后在标题或者说内容这里,如果说出现了这个,关键是就把这关键字标红;
</div>
<script>
var str = $('.text').html();
$('.search').click(function(){
var keywords = $('#keyWord').val();
var reg = new RegExp(""+keywords+"","g");
var result = str.replace(reg,"<font style='color:#F00;font-weight:700;'>"+keywords+"</font>");
$('.text').html(result);
})
</script>
经过修改融入项目:
<div class="comment_content" id="content${request.totalSize}">
${fn:substring(demand.content,0,100)}
</div>
<script>
$(function(){
var str = $('#content${request.totalSize}').html(); //取出id=content__的html内容
var keywords = "${request.keyword}"; //el表达式取出要查的关键词,注意要放在引号内
var reg = new RegExp(""+keywords+"","g"); //固定用法不用修改
var result = str.replace(reg,"<font style='color:red;font-weight:700;'>"+keywords+"</font>"); //固定用法不用修改
$('#content${request.totalSize}').html(result); //把输出的结果放在id=content__中
});
</script>
让标题和内容中的关键词都变红,一样,复制粘贴即可。
<script>
$(function(){
var titleStr=$('#title${request.totalSize}').html();
var str = $('#content${request.totalSize}').html(); //取出id=content__的html内容
var keywords = "${request.keyword}"; //el表达式取出要查的关键词,注意要放在引号内
var reg = new RegExp(""+keywords+"","g"); //固定用法不用修改
var titleResult=titleStr.replace(reg,"<font style='color:red;font-weight:700;'>"+keywords+"</font>");
var result = str.replace(reg,"<font style='color:red;font-weight:700;'>"+keywords+"</font>"); //固定用法不用修改
$('#title${request.totalSize}').html(titleResult);
$('#content${request.totalSize}').html(result); //把输出的结果放在id=content__中
});
</script>
至于
new RegExp(""+keywords+"","g");
这段代码的原理,日后再说吧。