即时添加div（递归）

Question

我需要创建一个json，当我点击＆＃34;添加元素＆＃34;我需要创建一个这样的儿子，我无法想象，我可以使用$（＆＃34; .divClass＆＃34;）添加一个兄弟，但我需要在新div上创建一个新元素创建： 在第一个选项上使用

'click .opcion': function(e) {
    e.preventDefault();
    x++
    $(".eventos").append('<div id="a' + x + '">' +
        '<input type="text" name="izq[]"/>' +
        '<input type="text" name="der[]"/>' +
        '<a href="#" class="sumar">Sumar</a>' +
        '<a href="#" class="borrar">Borrar</a>' +
        '</div>'); //add input box

},

这项工作让我使用$（＆＃34; .eventos＆＃34;）选择器，但我使用了这个 - ＆gt;

'click .sumar': function(e) {
    e.preventDefault();
    x++
    e.currentTarget.parentNode.append('<div id="a' + x + '">' +
        '<input type="text" name="izq[]"/>' +
        '<input type="text" name="der[]"/>' +
        '<a href="#" class="sumar">Sumar</a>' +
        '<a href="#" class="borrar">Borrar</a>' +
        '</div>'); //add input box
},

我把文本元素但不是html元素。而且我不知道为什么

抱歉，我使用流星，但是jquery。

谢谢！