jQuery 搜索关键字,并突出显示

css: .tuc  { color:red; }




        //模糊查询调用此方法即可
        function mh_Search() {
            $(".search_mh").keyup(function () {
                var mh = $(this).val();
                console.log(mh);
                //每次恢复原样
                $(".sInfo td b").replaceWith($(".sInfo td b").html());  
                
                if (mh.trim() != "" && mh != "undefined") {
                    setCss(mh);


                } else {
                    clearSelection();
                }



            });
        }


        function setCss(searchText) {
            clearSearch();//先清空 
            var regExp = new RegExp(searchText, 'g');//正则筛选; 
            $('.sInfo td').each(function ()//遍历获取; 
            {
                var html = $(this).html();
                var newHtml = html.replace(regExp, '<span class="tuc  ">' + searchText + '</span>');//设置 

                $(this).html(newHtml);//替换; 
            });
        }
        //清除高亮显示效果
        function clearSearch() {
            $('.sInfo td').each(function ()//遍历 
            {
                $(this).find('.tuc ').each(function ()//找到所有tuc属性的元素; 
                {
                    $(this).replaceWith($(this).html());//将他们的属性去掉; 
                });
            });
        }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值