如何在动态生成的div标签内添加javascript元素

Question

我在页面加载后动态生成div标签。这是我正在使用的脚本。我想在div元素中插入一个元素。但它被放在外面。

var newTag = 0

$("#addNewTag").on('click', '', function () {
    andTag = andTag + 1
    var stringTemplate = "<div id=\"newTag" + newTag + "\"><input type=\"button\" value=\"[+]\" id=\"addfield\"></div>";
    var parentID = "#" + $(this).parent().attr('id');
    $(parentID).append(stringTemplate);
    $("#signatureContent").each(function () {
        var content = $(this);
        angular.element(document).injector().invoke(function ($compile) {
            var scope = angular.element(content).scope();
            $compile(content)(scope);
        });
    });
});



$("body").on('click', '#addfield', function () {
    sfieldnum = sfieldnum + 1;
    var stringMatchTemplate = "some dynamic content";
    var parentID = "#" + $(this).parent().attr('id');
    $(parentID).append(stringMatchTemplate);
    $("#signatureContent").each(function () {
        var content = $(this);
        angular.element(document).injector().invoke(function ($compile) {
            var scope = angular.element(content).scope();
            $compile(content)(scope);
        });
    });
}); 

我希望在第一个脚本

之后HTML就像这样

＆LT;新＆GT;
[+]
＆LT; /新＆GT;

当我按[+]时，我想插入一个文本框。

我所得到的就是这样......

＆LT;新＆GT;
[+]
＆LT; /新＆GT;
{文本框出现在此处，而不是出现在新标记内。}

我在这里做错了什么？

感谢。