Создать новый список на основе результата .size ()

0

Используя JQuery, я хочу создать новый список, основанный на результате.size(); а затем ссылку на элемент списка для координирующего номера ссылки

Например, если.size(); возвращает 4, мне нужен новый список, который будет похож на

<ul id="jquery-generated-list">
  <li><a href="#link-to-first-verse">Link 1</a></li>
  <li><a href="#link-to-second-verse">Link 2</a></li>
  <li><a href="#link-to-third-verse">Link 3</a></li>
  <li><a href="#link-to-fourth-verse">Link 4</a></li>
<ul>

Причиной этого является создание меню перехода для книжных стихов.

<ul id="original-list">
  <li>List Item One</li>
  <li>List Item Two</li>
  <li>List Item Three</li>
  <li>List Item Four</li>
</ul>

Благодарю!

  • 0
    Можете ли вы показать быстрый пример того, где вы пытаетесь это сделать? Как слушатель события onclick или что-то в этом роде. Я просто немного запутался в реализации, и тогда я могу помочь.
  • 0
    Также не уверены, что именно вы хотите, чтобы ваш список сказать. Как вы преобразовали <li> элемент списка </ li> в <a href="#link-to-first-verse"> ссылку 1 </a>? Откуда взялась ссылка на первый стих?
Показать ещё 1 комментарий
Теги:
list
dom

1 ответ

0
var i, len=/*result of .size()*/;

$('body').append('<ul class="jquery-generated-list"></ul>');

for(i=0;i<len;i++) {

    $('.jquery-generated-list').append('<li></li>');

}

Это быстрый пример, показывающий, как добавлять несколько элементов с помощью цикла. Чтобы иметь пользовательские hrefs и т.д., Вам нужно будет добавить их в зависимости от любых возвращаемых значений для ваших функций. Если вы предоставите больше информации (включая текущую реализацию метода.size()), я могу потенциально помочь вам придумать лучшее решение.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню