jquery - 带有事件键的动态生成表单，每个单独的操作

Question

好吧，我有一个表单，并希望从父表单开始生成相等的新表单，并希望这些表单中的每一个都显示在表单中向前输入的内容 a p，但是当我这样做时，事件会动态传播到所有元素生成。我只是想让它传播相应的形式。

我目前正在使用以下代码：

JS

jQuery(function(){
$(document).on('keyup','#il',function(){
$('p').append($(this).val());
})
$(document).on('click', '#btn',function(){
$("#in").append('<form>
<input id="il" type="text" size="20%">
<button id="btn" type="button">ADD</button>
<p></p><br />
</form>');
});
})

HTM

<div id="in">
<form>
<input id="il" type="text" size="20%">
<button id="btn" type="button">ADD</button>
<p></p><br />
</form>
</div>

JS斌

Answer 1

这与事件的传播无关，您正在选择所有p元素，更改：

$('p').append($(this).val());

至：

$(this).siblings('p').text(this.value);

http://jsbin.com/opehuh/7/edit

请注意，您正在生成无效标记，ID 必须是唯一的。