Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Генератор оглавления страницы (https://javascript.ru/forum/misc/50495-generator-oglavleniya-stranicy.html)

ksa 30.09.2014 21:04

Цитата:

Сообщение от Erolast
Можно так еще

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

Roman Koff 30.09.2014 21:09

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

А как можно изящно выбрать теги вложенные в тег? У меня сейчас выглядит так:
$('.page-content-body h2,.page-content-body h3').each(function (i) {
	var c = $(this);
});


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

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

ksa 30.09.2014 21:11

Цитата:

Сообщение от Roman Koff
а как вложенность тогда реализовать?

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

ksa 30.09.2014 21:12

Цитата:

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

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

Roman Koff 30.09.2014 21:26

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

ksa 30.09.2014 21:30

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

Цитата:

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

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

Roman Koff 30.09.2014 21:53

Генератор получился такой, но не ясно, как выбрать заголовки только у текущего элемента '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 30.09.2014 23:07

Цитата:

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

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

ksa 30.09.2014 23:09

Цитата:

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

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

ksa 01.10.2014 23:05

Цитата:

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

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


Часовой пояс GMT +3, время: 16:08.