Jump to content
  • 0

Оформление оглавления (содержания) в большой статье без id и class


efendi
 Share

Question

Необходимо реализовать содержание статьи с хештегами (якорями) на определённые участки одной страницы.

В данном случае имеется содержание, в котором подзаголовкам нужно присваивать идентификатор (id).
Код содержания:

<ol><li><a href="#nav1">Область применения и виды</a></li></ol>

Поэтому подзаголовки сейчас имеют такой вид исходного кода:

<h2 id="nav1">Область применения и виды</h2>

de2d9a79c2c1.jpg

 

Имеются страницы объёмом от 5000 символов и выше.
Нужно сделать подзаголовки чистыми, без идентификаторов (id) и классов (class), и имели такой исходный код:

<h2>Область применения и виды</h2>

Коллеги, подскажите пожалуйста, можно ли это сделать и каким способом?
Буду благодарен за помощь!

Edited by efendi
Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Ребята, я уже нашёл решение своей проблемы в этом посте у Евгения Попова http://ruseller.com/lessons.php?rub=32&id=767.

Но мне ещё нужно сделать, чтобы список содержания был нумерованный. (Обращался в техподдержку Е.Попова, там отказали, мотировав тем, что это не форум, и на вопросы в комментариях не отвечают!)

Я не разбираюсь в коде javascript. Помогите пожалуйста внедрить элементы <ol>, <li> в этот код:

$(document).ready(function() {		$("#toc").append('<span>Содержание статьи:</span>')		$("h2, h3, h4").each(function(i) {			var current = $(this);			current.attr("id", "title" + i);			$("#toc").append("<a id='link" + i + "' href='#title" + i + "' title='" + current.attr("tagName") + "'>" + current.html() + "</a>");		});	});

Друзья, очень нуждаюсь в вашей помощи. Буду очень благодарен!

Link to comment
Share on other sites

  • 0

$(document).ready(function() {

        $("#toc").append('<span>Содержание статьи:</span><ol></ol>')

        $("h2, h3, h4").each(function(i) {

            var current = $(this);

            current.attr("id", "title" + i);

            $("#toc ol").append("<li><a id='link" + i + "' href='#title" + i + "' title='" + current.attr("tagName") + "'>" + current.html() + "</a></li>");

        });

    });

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy