0

ol によってのみ作成された新しい li を div で検出したい。新しい li の ID を自動で増やしたい。

注:新しい li は、onclick イベントではなく、ol リストによって作成されています。

<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);


});
4

1 に答える 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>
于 2013-11-12T08:44:39.020 に答える