Создание оглавления в HTML с помощью Js, jQuery

Question

Я хочу создать TOC в html, используя JS и JQuery. Мои HTML заголовки будут выглядеть следующим образом:

<section id="id1"> 
.... 
<section class="sidebar"> 
.... 
</section> 
<section id="id2"> 
... 
<section id="id3"> 

Теперь я хочу, чтобы создать ТОС только для разделов без какого-либо значения класса, и он может быть вложен в другой.

Answer 1

С отсутствием информации я могу попытаться понять, что вы хотите сделать.

проверить этот фрагмент кода:

$(function(){ 
    var toc = $('section.sidebar'); 
    var ul = $('<ul />'); 
    toc.append(ul); 
    $('section[id]]').each(function(){ 
     var $this = $(this); 
     var item = $('<li><a href="#'+$this.attr('id')+'">'+this.attr('id')+'</a></li>'); 
     ul.append(item); 
    }); 
});