一个网站的搜索页面
搜索关键词会显示包含关键词的内容现在要实现这些搜索内容中的关键词 部分高亮我是这样做的 <style type="text/css">
.highlight{ font-style:italic;}
</style>
---- jquery 代码这样写的
<script type="text/javascript">
$(document).ready(function () {
var searchtext = $('.search_textbox3').val();
$('.list_tab_2 td:contains(searchtext)').addClass('highlight');
});
</script>
-------
说明: .search_textbox3 这个样式是 搜索框的 css 样式类名
.list_tab_2 是 搜索结果的表格 应用的css样式类名请问这样写有什么问题吗?为什么没效果呢?只有18分,全给了哦,谢谢了
搜索关键词会显示包含关键词的内容现在要实现这些搜索内容中的关键词 部分高亮我是这样做的 <style type="text/css">
.highlight{ font-style:italic;}
</style>
---- jquery 代码这样写的
<script type="text/javascript">
$(document).ready(function () {
var searchtext = $('.search_textbox3').val();
$('.list_tab_2 td:contains(searchtext)').addClass('highlight');
});
</script>
-------
说明: .search_textbox3 这个样式是 搜索框的 css 样式类名
.list_tab_2 是 搜索结果的表格 应用的css样式类名请问这样写有什么问题吗?为什么没效果呢?只有18分,全给了哦,谢谢了
1.不能直接运行,var searchtext = $('.search_textbox3').val(); 如果这里没有值那就是为空,没有意义。应该换成在函数中执行。
2.$('.list_tab_2 td:contains(searchtext)').addClass('highlight');中的(searchtext)错误,它是变量,你当成字符串用了。<style type="text/css">
.highlight{ font-style:italic;color:red}
</style>
<input type="text" class="search_textbox3" value="们" />
<input type="button" value="搜索" onclick="ff()" />
<table class="list_tab_2">
<tr>
<td>
我们大家
</td>
</tr>
</table>
<script type="text/javascript">
function ff() {
var searchtext = $('.search_textbox3').val();
$('.list_tab_2 td:contains('+searchtext+')').addClass('highlight');
}
</script>