文本搜索 高亮显示
/** * 搜索 选中文字高亮 * */ $(".message_search_right input").keyup(function(){ var $this = $(this), searchText = $this.val(); clearSelection();//先清空一下上次高亮显示的内容; var regExp = new RegExp(searchText, 'g');//创建正则表达式,g表示全局的,如果不用g,则查找到第一个就不会继续向下查找了; $(".message_listbox").each(function(idx, elm){ var html = $(this).find("h2").html(); var newHtml = html.replace(regExp, '<span class="highlight">'+searchText+'</span>');//将找到的关键字替换,加上highlight属性; $(this).find("h2").html(newHtml);//更新文章; }); }); function clearSelection(){ $(".message_listbox").each(function(idx, elm){ $(elm).find("h2 .highlight").each(function(i,e){ //找到所有highlight属性的元素; $(e).replaceWith($(this).html()); //将他们的属性去掉; }); }); }