Мне нужно добавить функцию scrollspy в документе, который не имеет <div>
или <section>
, но только <h#>
с атрибутом id
. Я не могу изменить структуру исходного документа. Но я могу изменить его динамически с помощью JQuery. Поэтому я хотел бы сгенерировать div
с атрибутом id
моего тега <h#>
и обернуть <h#>
и весь элемент до следующего уровня <h#>
.Добавить scrollspy в документ только с заголовком
Я знаю, что существует nextUntil()
метод и я пытаюсь это (для теста, это не то, что мне нужно):
$("h1").each(function()
{
el = $();
$(this).nextUntil("h1").clone().appendTo(el);
});
Но это не работает el
не содержит элемент. Здесь я покажу вам, какова структура моего документа HTML.
<html>
<head>
</head>
<body>
<h1 id="firstId">First H1 header</h1>
<!-- Some text, tables, pictures -->
<h1 id="secondId">Second H1 header</h1>
<h2 id="thirdId">First H2 header</h2>
<!-- Some text, tables, pictures -->
...
</body>
</html>
Если у вас есть какие-то идеи или предложения ... Спасибо =)