js给搜索关键字加样式（包含的字都匹配）

页面布局，样式这些就不说了，直接看js部分，

 

			function txtSearch() {

				var txt = $("#seachVal").val();
				var regex=new RegExp("["+txt+"]","g");
				$(".Searh_content ul li span.title").each(function(index,el) {
					var elTxt=$(el).text();
					var val=elTxt.match(regex);
					var elHtml="";
					$.each(val,function(idx,item){
						var lastIndex=elTxt.indexOf(item)+1;
						elHtml+=elTxt.substring(0,lastIndex).replace(item,"<em class='color'>"+item+"</em>");
						elTxt=elTxt.substring(lastIndex);
					});
					$(el).html(elHtml+elTxt);
					
				});
			}
txtSearch();

匹配关键字、加标签、剪掉剩余部分防止重复添加 。最后在外层再进行拼接数据。ok了，完美。