Генератор оглавления страницы

[ksa]

Можно так еще

Я бы сказал, что лучше так. Поскольку оглавление больше вложеные списки, нежели заголовки...

[Roman Koff]

Ага, а как вложенность тогда реализовать? Мне кажется проще сгенерить список заголовков и применить стили к их контейнеру, с отступами, уменьшенным размером и другими блекджеками...

А как можно изящно выбрать теги вложенные в тег? У меня сейчас выглядит так:

$('.page-content-body h2,.page-content-body h3').each(function (i) {
	var c = $(this);
});

А можно какнить сократить запись? (и есть ли возможность перебрать таким образом несколько родительских тегов).

То есть если говорить императивным языком -- можно сделать два вложенных перебора для элементов .page-content-body и для заголовком внутри них?

[ksa]

а как вложенность тогда реализовать?

Так она понятна по названиям тегов...
Х1 - первый уровень
Х2- второй
и т.д.
Если они в твоем диве стоят как нужно, т.е. идут в правильной последовательности - нужно будет просто добавлять в конец нужного списка...

[ksa]

Мне кажется проще сгенерить список заголовков

Тебе может оно и проще... Но зачем двойной комплект заголовков на странице?

[Roman Koff]

Про двойной комплект -- логично, но страницы формируют обычные юзверги, а они не всегда корректны "во вложениях".

[ksa]

Roman Koff, как делать в итоге решать тебе...

страницы формируют обычные юзверги, а они не всегда корректны "во вложениях"

Некорректные заголовки все равно покажутся некорректно... Как их не формируй. Линейно... Или вложено... Пофиг.

[Roman Koff]

Генератор получился такой, но не ясно, как выбрать заголовки только у текущего элемента 'make-toc'. Кроме того, список, конечно, кошернее будет. Но не придумаю как вложенность правильно отработать.

$('.make-toc').each(function (cInd) {
	var source = $(this);
	var toc = document.createElement('div');
	var s = '';
	toc.className = 'toc';
	$('h2, h3').each(function (hInd) {
		var h = $(this);
		var headerId = 'header' + cInd + '_' + hInd;
		var tag = h.get(0).tagName.toLowerCase();
		h.before("<a id='" + headerId + "'></a>");
		s += "<" + tag + "><a href='#" + headerId + "'>"
			+ h.text() + "</a></" + tag + ">";
	});
	toc.innerHTML = s;
	source.before(toc);
});

[ksa]

не ясно, как выбрать заголовки только у текущего элемента 'make-toc'

С помощью того же
http://jquery-docs.ru/traversing/find/

[ksa]

не придумаю как вложенность правильно отработать

Это будет хорошей тренировкой на создание алгоритма, реализующего такую задачу.

[ksa]

Ошибка: свойство find не поддерживается

Ты ссылку смотрел? Все понял?
Там ведь даже примеры есть...