jQuery：在重复添加子节时出错

Question

我在为多个重复添加子部分时遇到一些问题。

示例： 假设我有两个部分。第1节和第2节。 两者都有不同的添加子部分。

但是，如果我单击添加子部分2时出现了错误--->子部分正在部分1下被添加。

我如何做到这一点，以便将子节添加到相应的添加节中。

设计：

代码：

(function ($,$document) {
    var limit;
    var itm;

    $document.ready(function () {
        limit = $("#repeatNum").val();
        var limits = limit-1;
        var count = 1;

        $('#clicks').text(limits); 

        $('#add_section a').click(function(evt) {
        evt.preventDefault();
            limits--;
            count++;

            $('#clicks').text(limits); 

            if (count == limit) {
                document.getElementById("add_section").style.display = "none";
            }

            $( "input[name$='letter']" ).val( "a letter" );

        itm = document.getElementById("add_to_me");
        var cln = itm.cloneNode(true);
        document.getElementById("subsection").appendChild(cln);
        var lHeadlineValue = document.getElementById("headline").innerHTML;

             if(!lHeadlineValue.endsWith("1")  ){
             itm.getElementsByTagName("h2")[0].innerHTML = lHeadlineValue + " 1";
                cln.getElementsByTagName("h2")[0].innerHTML = lHeadlineValue + " " +count;
             }else{
                lHeadlineValue = lHeadlineValue.substring(0, lHeadlineValue.indexOf("1"));
                cln.getElementsByTagName("h2")[0].innerHTML = lHeadlineValue + "" +count;
             }

        });

    });

})($,$(document));