2009-12-07 3 views
0

나는 웹 사이트의 특정 구에 스타일을 반복해서 적용하고 있습니다. 해당 문구의 인스턴스를 페이지에서 검색하고 해당 스타일을 자동으로 적용하는 방법이 있습니까?페이지상의 구문에 스타일을 추가하기위한 Javascript 또는 jQuery

예 :

<div> 
    This is what you get from <span class="comp">Company Name</span>. 
    We do all kinds of things here at <span class="comp">Company Name</span>. 
</div> 
+0

너무 많은 중복 : http://stackoverflow.com/questions/671574/highlight-text-in-html-with-javascript-jquery 및 http://stackoverflow.com/questions/119441/highlight-a-word -with-jquery 및 http://stackoverflow.com/questions/1230714/jquery-how-to-highlight-certain-words-with-jquery –

답변

0

확인 ... http://docs.jquery.com/Selectors/contains#text

$("div:contains('Conpany Name')").css("text-decoration", "underline"); 
+2

전체 div 스타일을 지정합니다 – CMS

+0

CMS가 말했듯이, 전체 div 스타일을 지정합니다. 이 경우 새 CSS 스타일을 수동으로 설정하는 것이 아니라 .addClass ("comp")를 사용하는 것이 가장 좋습니다. – Jay

+0

oops ... 텍스트를 찾기 위해 팔목에서 벗어 났지만 문제의 텍스트를 스타일링하는 데 더 많은 시간이 걸리지 않을 것이라고 확신합니다. – David

0
var body = document.getElementByTagName("body")[0].innerHTML; 

body.replace(/Company Name/g, '<span class="comp">Company Name</span>'); 
document.getElementByTagName("body")[0].innerHTML = body; 

jQuery를 필요로 위의 가야 몸에있는 모든 당신의 범위로 교체하고 나던 .

+0

나는 (' 회사 이름')을 의미한다고 생각합니다. 또는 현재의 코드가 오류를 던질 것입니다 중간을 탈출 – Jay

+0

그 방법을 의미했다. 그것을 지적 해 주셔서 감사합니다 – AutomatedTester

+1

'

blah blah
'-> 우회전 regex.Bonus와 함께 HTML을 처리하지 마십시오 : innerHTML writeback 또한 폼 데이터, 이벤트 처리기 및 JS/jQuery 참조를 파기합니다. 정규식을 사용하여 HTML을 처리하지 마십시오. – bobince

관련 문제