Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.12.2021, 08:35
Интересующийся
Отправить личное сообщение для De12 Посмотреть профиль Найти все сообщения от De12
 
Регистрация: 21.08.2020
Сообщений: 22

Создание содержания из тегов
Привет. Нашел скрипт, создает из h2 тегов содержание. Работает идеально, но хотелось бы улучшить и сделать, чтобы еще подтягивало h3 теги, но чтобы они были как подпункты h2. Т.е. пример структуры:
1. h2
1.1 h3
1.2 h3
2. h2
3. h2
4 h2
4.1 h3
4.2 h3

Можете помочь?

<div id="table-of-contents">
<div class="table-of-contents-head">Содержание статьи</div>	
<ul style="display: none;"></ul>
</div>

jQuery(document).ready(function($) {
	var menu = $('.modal-body h2');
	if ( menu.length ) {
		$('#table-of-contents ul').html(menu.clone());
		$('#table-of-contents ul h2').replaceWith(function(index, oldHTML){
			return $('<span class="sl_lt">').html(oldHTML);
		});
		$('#table-of-contents span').wrap('<li></li>');
		$('#table-of-contents span').wrap('<a id="b" rel="nofollow noindex" class="anchor"></a>');
		var i=0;
		$('.modal-body h2').each(function(){
			i++;
			$(this).attr('id', 'b_'+i);
		});
		var a=0;
		$('#table-of-contents ul li a').each(function(){
			a++;
			$(this).attr('href', '#b_'+a);
		});
		$('#table-of-contents ul').show();
		$('#table-of-contents a').hover(
			function(){$(this).prev('span').show();},
			function(){$(this).prev('span').hide();}
		);
		$('a[href^="#"]').click(function(){
			var _href = $(this).attr('href');
			$('html, body').animate({scrollTop: $(_href).offset().top+'px'});
			return false;
		});
	}
});
Ответить с цитированием
  #2 (permalink)  
Старый 02.12.2021, 09:31
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,352

Сообщение от De12
создает из h2 тегов содержание.
подожду переводчика ...
Ответить с цитированием
  #3 (permalink)  
Старый 02.12.2021, 12:27
Интересующийся
Отправить личное сообщение для De12 Посмотреть профиль Найти все сообщения от De12
 
Регистрация: 21.08.2020
Сообщений: 22

Сообщение от рони Посмотреть сообщение
подожду переводчика ...
В статье есть теги h2 и h3, это как подразделы статьи. Содержание = содержание статьи:

Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Создание landing page, web-приложений на C#, сайтов под ключ на PHP MidGold Работа 4 26.03.2019 04:13
Создание облака тегов на JS DmitryBelg Общие вопросы Javascript 13 06.11.2018 16:03
Создание, продвижение и оптимизация сайта Evgenij83 Работа 0 10.06.2017 18:23
DOM модель подсчет тегов документа kent666 Events/DOM/Window 4 17.10.2011 21:51
Перебор вложенных тегов. werdes jQuery 0 27.07.2010 11:51