一个网站的搜索页面
搜索关键词会显示包含关键词的内容现在要实现这些搜索内容中的关键词 部分高亮我是这样做的 <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.   

    两点错误:
    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>
      

  2.   

    谢谢,我试了下,还是没效果,但是我知道你的写法是正确的,可能我那里没调试好,耽搁太多时间了,我用了jquery的  highlight 插件,搞定了,等有空再研究下简单写法为什么不行。xzy21com ,感谢!