/*** 搜索 選中文字高亮* */$(".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()); //將他們的屬性去掉； });});}

?

轉載于:https://www.cnblogs.com/yuexin/p/6196740.html

總結

以上是生活随笔為你收集整理的文本搜索 高亮显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。