My Name is Kay....

DIY , 먹방 , 개발 , 육아 , 여행 좋아합니다.
AdBlock 사용시 화면이 정상적으로 노출되지 않습니다.
포스팅 관련 문의 및 개발 문의는 Email : wkzkfmxksi@gmail.com

추가 포스팅이 이뤄지지 않는 블로그입니다. 문의는 wkzkfmxksi@gmail.com 으로 연락주세요.
kay
조회 수 2716 추천 수 0 댓글 2
?

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

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

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


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>


?
  • ?
    매너달팽이 2015.04.23 14:48

    좋은 글 잘 봤습니다. 이런식으로 출처를 남기면 될까요?

    용도는 개인 스터디 정도입니다. 


    http://blog.naver.com/nosent/220339337662

  • ?
    kay 2015.04.27 11:23

    감사합니다.^^