Автоматическое добавление якорей (содержание) на основе заголовков (h2) в контенте

Код на Javascript под jquery, но алгоритм понятен и не должно составить труда адаптировать под другие языки.

Описание

В коде html элемента с id="mainCol" ищутся заголовки h2 и перед заголовками добавляются якоря. Ссылки на якоря выносятся в элемент id="subNav".
Пример активен на этой странице.

Код примера

<script type="text/javascript">
  $(document).ready(function(){
  $('#mainCol h2').each(function(){
  var thisText = $(this).text();
  var anchorText = thisText.replace(/ /g, "-");
  var anchorLink = '<a name="' + anchorText + '"></a>';
  var anchorText = '<a href="#' + anchorText + '">' + thisText + '</a><br />'; 
  $(this).before(anchorLink);
  $(anchorText).appendTo('#subNav');
  });
  });
</script>

Метки:

# | Игорь (?)

анонимус аватар

Как сделать чтобы оглавление получалось нумерованным ?
вот так -
1. Описание
2. Код примера

29 Декабрь, 2014 - 11:57

Оставить комментарий

Содержание этого поля является приватным и не предназначено к показу. Если есть аккаунт Gravatar, то отображается глобальный аватар.

Подробнее о форматировании

КАПЧА
А ты не робот? Введи 5 цифр
                                                                 
ad88888ba ad88888ba 88 ad88888ba ad8888ba,
d8" "88 d8" "88 ,d88 d8" "88 8P' "Y8
8P 88 8P 88 888888 8P 88 d8
Y8, ,d88 Y8, ,d88 88 Y8, ,d88 88,dd888bb,
"PPPPPP"88 "PPPPPP"88 88 "PPPPPP"88 88P' `8b
8P 8P 88 8P 88 d8
8b, a8P 8b, a8P 88 8b, a8P 88a a8P
`"Y8888P' `"Y8888P' 88 `"Y8888P' "Y88888P"

Enter the code depicted in ASCII art style.
To prevent automated spam submissions leave this field empty.