etc

페이지 또는 객체에서 특정 키워드 강조하기

by kay posted Jun 14, 2014
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

특정 페이지 또는 객체에서 키워드 찾는 함수..


1원짜리는 아니고...3원쯤의 가치가..;;


Test Url : http://www.uhoon.co.kr/test/3143.html


* 사용법 
fnKeyWordHighlights("객체 지정","키워드");



아래 샘플은 p태그들에서 감기라는 키워드를 강조하는 예제.


<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>KeyWord Highlights</title> 
	<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'></script>
	</head> 
	<script type="text/javascript">
	<!-- 
		$(document).ready(function(){
			fnKeyWordHighlights("p","감기");
		});

		function fnKeyWordHighlights(obj,keyword)
		{
			$(obj).each(function(){  
				$(this).html($(this).html().replace(eval("/"+keyword+"/gi"), "<span style='color:red;font-weight:bold;'>"+keyword+"</span>"));
			});
		} 
	//-->
	</script>
</head>
<body > 
	<p>나는 오늘 감기에 걸렸다. 지겨운 감기.. 너무 싫다.</p>
</body> 
</html>