写一个搜索页面的时候,经常需要把输入的搜索关键词给用高亮红色标记出来,用JS很方便就能实现这一点,对了,用jQuery更方便,我就是这么做的:
$("div.rest a").html( function(){ return $(this).html().replace( /<?php echo $_REQUEST['search-keyword'];?>/g, "<span class='red'><?php echo $_REQUEST['search-keyword'];?></span>" ) } );
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
$
(
"div.rest a"
)
.
html
(
function
(
)
{
return
$
(
this
)
.
html
(
)
.
replace
(
/
<?php
echo
$_REQUEST
[
'search-keyword'
]
;
?>
/
g
,
"<span class='red'><?php echo $_REQUEST['search-keyword'];?></span>"
)
}
)
;
|
看到了吗,前面是选择要替换的层,然后用正则表达式将搜索的关键词,套上了一个<span class=’red’></span>这样的样式标签,然后整个层里面都会关键词高亮了,方便吧,就这一句。