Jquery 为查询中的按钮单击创建新的html元素

当我单击submit按钮时，一些新的html元素将不得不添加并显示我在文本框中输入的文本。我的代码如下：

$('#myButton2').on('click', function (event) {
      $('input:text').each(function(index){
      if (index==0) {
        $('body').append("<div id='inner' class='one'>");
        $('.one').append("<Section id='inner1'>");
        $("<input type='radio' value='' />")
     .attr("id", "myfieldid")
     .attr("name", "check-1")
     .attr("style", "display:none;")
     .appendTo(".one");
        $('.one').append("<label for='check-1' style='font-size:10pt;color:#000000;'>"+$(this).attr('value'));

       }
});
});

但我想这样：

//for first click
    one
  //for second click
    one
    two

    .
    .
    .

---

有人帮我吗？

我擅自更改了代码，不使用我希望可以使用的每种方法，并将标签和单选按钮添加到一个部分中。我还使用整数将id属性设置为unique

$function{ $'myButton2'。单击时，函数事件{ var input=$'input:text'.val； 变量计数=$‘内部标签’。长度； //如果div inner不存在 如果$'inner'.length==0{ $'body'。追加； $'.one'。追加； //添加到第1节 $ .attrid，myfield-1 .attrname，检查-1 .attrsyle，显示：无； .附录1； //添加到第1节 $'inner1'。追加+输入； }否则{ 计数=计数+1； $'.one'。追加； var innerId=内部+计数； $ .attrid，myfield-+计数 .attrname，check-1//单选按钮组的名称相同 .attrsyle，显示：无； .附属物瘤； $innerId.append+输入； } }; }; 添加

---

你能给我们看看html输出吗？

//for first click
    one
  //for second click
    one
    two

    .
    .
    .