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

С учетом в contenteditable: http://jsfiddle.net/rWcKu/10/ (обновлено от ред 9)

Та же идея, что и ниже, за исключением того, что она выполняется на существующем элементе в DOMNodeInserted событий DOMNodeInserted.

document.addEventListener("DOMNodeInserted", function(event){
  var element = event.target;
  if (element.tagName == 'LI') {
    var $el = $(element);
    var maxId = 0;
    $el.siblings().each( function() {
        var id = $(this).attr('id');
        if ( id > maxId ) {
            maxId = id;
        }
    });
    $el.attr('id',++maxId);
  }
});

здесь обновленная скрипка: http://jsfiddle.net/rWcKu/8/

Идея состоит в том, чтобы получить последний идентификатор li, проанализировать как int и increment. Также используйте предыдущий li в качестве шаблона и просто замените его содержимое (.clone(true)) - его классы, события, данные и т.д. Также будут клонированы. Затем поместите новое содержимое (заменив первоначально клонированный).

Наконец, заверните его в вызов функции, где вы передаете html, который хотите вставить. Это можно было бы назвать вручную, внутри обработчика события или в каком-то цикле... ура!

Здесь говядина:

function addLi(newHtml) {
    var $lastLi = $('#txtarea ol li').last();
    var lastId = $lastLi.attr('id')||0;
    var $clone = $lastLi.clone(true);
    $clone.attr('id',++lastId).html(newHtml);
    $lastLi.after($clone);
}

И использование:

addLi('<a href="#">Link text 2</a>');
addLi('<a href="#">Link text 3</a>');

Предполагается, что хотя бы один li существует и что атрибут id является числовым (не смешанным типом, хотя это может быть ретро-оснащено небольшим .attr('id')).