참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
$(document).ready(function() {
var count = 1; // 숫자 시작
// 목차 자체(#toc)는 제외하고, 본문 제목(h2~h6)만 선택
$('h2, h3, h4, h5, h6').filter(function() {
return $(this).attr('id') !== 'toc';
}).each(function() {
var $this = $(this);
// 숫자 링크 생성
var backLink = $('<a>')
.attr('href', '#toc')
.text(count + '. ') // 숫자 + 점 + 공백
.css({
'text-decoration': 'none',
'color': 'inherit', // 부모(제목) 폰트 색깔 그대로
'font-size': 'inherit', // 부모(제목) 폰트 크기 그대로
'margin-right': '5px' // 숫자와 제목 간 살짝 띄우기
});
// 숫자를 제목 맨 앞에 삽입
$this.prepend(backLink);
count++;
});
});