Как обнаружить New li, автоматически созданный списками ol в редактируемом div?

0

Я хочу обнаружить новый li, созданный только ol в div. Я хочу, чтобы автоматически увеличивать идентификатор нового li.

Примечание. Новый li создается списком ol, но не событием onclick.

<div id="txtarea" contenteditable="true">Some text</div>

    var counter = 0;

    $(document).ready(function () {
            var html = "<div class='steps ' style='background-color: #d3d3d3 !important'><ol ><li class='personid'  id='"+  counter++   +"' style='border: solid white 1px'><a href='url-here' >Link Text </a></li></ol><div>";

    $("#txtarea").html(html);


});
Теги:
html-lists

1 ответ

0

Вы можете сделать это с помощью следующего кода здесь, я создаю только 10 li, которые вы также должны увеличить, если хотите.

Некоторые тексты
<script type="text/javascript">
    var counter = 0;
    var html = "<div class='steps ' style='background-color: #d3d3d3 !important'><ol >";
    var data = "";
    $(document).ready(function () {
        while (counter < 10) {
            data = data + "<li class='personid'  id='" + counter + "' style='border: solid white 1px'><a href='url-here' >Link Text </a></li>";
            counter = counter + 1;
        }
        html = html + data + "</ol><div>";

        $("#txtarea").html(html);

    });
</script>
  • 0
    спасибо за вашу помощь. Вы не получили мой вопрос. Я только хочу обнаружить li, созданный ol, а не какой-либо ручной (onclick или while loop) функцией

Ещё вопросы

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