搜索结果关键字部分高亮

宝儿姐的搜索结果关键字部分高亮方法

<p class="keyword">关键字</p>
<div>文本文本关键字文本</div>

js部分

<script>
    var keyword=$('.keyword').text().slice(1,-1).split('')
    var item= $('div').text().split('')
	var keyStr=''
	var reItem=''
	item.forEach(function(e,index){
	var ele=e
	var index=index
	keyword.forEach(function(e){
			if(ele==e){
				keyStr+=e
			}
	  })				
	})
	reItem=$('.headline_item div').text().split(keyStr)
	$('.headline_item div').text('')
	var str1='<text>'+reItem[0]+'</text>'
	var str2='<text style="color:#c2333d">'+keyStr+'</text>'
	var str3='<text>'+reItem[1]+'</text>'
	$('.headline_item div').append(str1,srt2,srt3)
</script>

感觉写的很麻烦 希望大神指点:D