как автоматически увеличить идентификатор <li> новых элементов в упорядоченном списке <ol>

0

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

Помощь Plz.

    var counter = 0;

    var html = "<div class='steps '><ol ><li class='personid'  id='"+  counter++   +"' ><a href='url-here' >Link Text </a></li></ol><div>";
    $('#redactor2').append(html);

Вот http://jsfiddle.net/younis764/rWcKu/1/

  • 2
    убедитесь, что counter объявлен вне области действия функции, иначе значение будет сбрасываться в 0 каждый раз
  • 0
    Идентификаторы не могут начинаться с цифр.
Теги:
html-lists
auto-increment

1 ответ

0

Код, который вы опубликовали, похоже, добавляет один элемент <li>. Однако, предполагая, что вы собираетесь добавлять элементы в цикл, это должно работать для достижения того, что вам нужно:

var html = '<div class="steps">\
                <ol>';

for(var i = 0; i < 10; i++)
{
    html+= '<li class="personid"  id="person'+ (i + 1) +'"><a href="url-here">Link Text</a></li>';
}

html+ '</ol><div>';
$('#redactor2').append(html);

Также стоит отметить, что идентификаторы не могут начинаться с цифр.

  • 0
    спасибо, но я хочу увеличивать идентификатор только тогда, когда есть новое автоматическое увеличение, нажав inter. Код работает только в loop.but, когда li создается с помощью enter, press.id не увеличивается.
  • 0
    Моя цель состоит в том, чтобы увеличить идентификатор только при увеличении числа ol нажатием Enter.
Показать ещё 3 комментария

Ещё вопросы

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