CSS 또는 jquery를 사용하여 특정 문자의 서식을 변경하십시오.

Question

때로는 파이프를 사용하여 신속하고 더러운 HTML 메뉴 또는 다른 유형의 목록을 작성합니다. 예 :

홈 | 편집 | 등등 ...

저는 파이프를 대담하고 색칠하게 만들고, CSS 스타일에서 특정 문자를 선택하는 빠른 방법이 있는지 궁금합니다. (또는 아마도 JS/jquery)

파이프 주위의 스팬으로이 작업을 수행 할 수 있지만이 문자 만 선택할 수 있으면 우아 할 수 있다고 생각합니다.

Answer 1

당신은 당신을 위해 스팬에서 해당 문자를 포장하는 .html() 방법에 콜백 함수를 전달할 수 있습니다 굉장

$('p.menu').html(function(i,el) { 
    return el.replace(/\|/g, '<span class="sp">|</span>'); 
});​ 

http://jsfiddle.net/mblase75/ymE6y/