Автоматическое добавление якорей (содержание) на основе заголовков (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 ad888888b, ad88888ba 8888888888 ad888888b,
d8" "8b d8" "88 d8" "88 88 d8" "88
Y8a a8P a8P 8P 88 88 ____ a8P
"Y8aaa8P" aad8" Y8, ,d88 88a8PPPP8b, ,d8P"
,d8"""8b, ""Y8, "PPPPPP"88 PP" `8b a8P"
d8" "8b "8b 8P d8 a8P'
Y8a a8P Y8, a88 8b, a8P Y8a a8P d8"
"Y88888P" "Y888888P' `"Y8888P' "Y88888P" 88888888888

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