Question

我想检测一个div中只有ol创建的新li。我想自动修改新li的id。

注意：新的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);


});

Answer 1

您可以通过以下代码执行此操作我只创建了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>

如何在可编辑的div中检测由ol列表自动创建的New li？

1 个答案: