Как автоматически генерировать оглавление

Question

Как автоматически генерировать оглавление

0

Я новичок в JavaScript, и для школы я должен автоматически сделать каждый <\ h1> на моей странице сгенерированным в "ol" с каждой "ли" ссылкой на место на моей странице, где этот заголовок помещен так в в конце у меня есть оглавление со ссылками на каждом "ли". Поэтому я должен иметь возможность просто писать текст и не беспокоиться о содержании. Есть ли способ сделать это без использования слишком сложного кода? И желательно не очень долго, чтобы я мог это понять.

например

<h1 id="h1-01">Title 1<\h1>
<h1 id="h1-02">Titel 2<\h1>
<h1 id="h1-03">Titel 3<\h1>
<h1 id="h1-04">Titel 4<\h1>

Сделайте это, как:

<ol>
<li><a href="h1-01">Title 1</a></li>
<li><a href="h1-02">Title 2</a></li>
<li><a href="h1-03">Title 3</a></li>
<li><a href="h1-04">Title 4</a></li>
</ol>

edit: Я не хочу, чтобы кто-либо делал все мои домашние задания, это всего лишь крошечная крошечная часть домашней работы. Я хочу знать, как создать упорядоченный список со списком в javascript без слишком сложного кода. Я уже нашел способ поместить каждый текст заголовка в переменную. Это то, что у меня есть

function generate(){
var titels = new Array();
for(var i = 1;i<10;i++){
var test = 'h1-0'+ i;
    titels[i] = document.getElementById(test).textContent;  
}
}
-->
</script>

Единственная проблема в том, что мне приходится составлять список с этими переменными, но я не нашел ничего полезного в Интернете, все, что я нашел, использует JQuery ir, для конкретной проблемы. Мне также хотелось бы подсчитать количество заголовков, которые я использую, но это еще один вопрос. Действительно ли возможно даже иметь код, который буквально реализуется, как я его пишу?

как:

html.write("<ol>");

for(var i = 1, i<10,i++){

html.write("<il>" + titels[i] +  "<\il>");

}

html.write("<\ol>")

user3052776 30 нояб. 2013, в 20:54

Источник

2

определенно это возможно, но, что вы пробовали до сих пор?
Zaffar Saffee 30 нояб. 2013, в 19:10
0

да, это возможно, без большого количества кода. Но мы не делаем всю вашу домашнюю работу здесь
charlietfl 30 нояб. 2013, в 19:11
0

Я думаю, что вы ищете это [SO Ответ] [1] [1]: stackoverflow.com/questions/187619/…
Zaffar Saffee 30 нояб. 2013, в 19:11

Показать ещё 1 комментарий

Теги:

javascript

html

list

href

2 ответа

Ещё вопросы

определенно это возможно, но, что вы пробовали до сих пор?
да, это возможно, без большого количества кода. Но мы не делаем всю вашу домашнюю работу здесь
Я думаю, что вы ищете это [SO Ответ] [1] [1]: stackoverflow.com/questions/187619/…

Shomz · Answer 1 · 2013-11-30T18-02-00.000Z

Я не собираюсь делать домашнее задание, но укажу вам в хорошем направлении.

Попробуйте создать объект, содержащий идентификатор и заголовок каждой записи. Оттуда вы можете использовать этот объект для создания практически любого, включая упорядоченный список.

Конечно, вы можете жестко переписать теги h1 в элементы списка, но это просто не правильный способ сделать это, а не то, чему вы должны научиться.

Philip G · Answer 2 · 2013-11-30T17-31-00.000Z

Начальный намек: вы можете сделать это с помощью jquery.

Как этот HTML:

 <ol id=contents></ol>

   <h1>Test</h1>
      bla bla 

      <h1> Test2 </h1>
      Ble ble ble

Jquery:

 $(document).ready(function(){
     $("h1").each(function(){
         $("#contents").append("<li>" + $(this).html() + "</li>");
     });
 });