添加html元素jQuery

Question

我正在尝试通过单击将其添加到第一个textarea的同一容器的按钮来复制我的html代码中的textarea.

我的代码是:

$("#note_adder").click(function(){$("#p_note").clone().append('note_id')});

• 按钮的ID是 note_adder
• Textarea的id是 p_note
• 容器的ID是 note_id

我还想更改新创建的textarea的name属性.

Answer 1

两件事:你需要使用appendTo,而你需要一个#在前面note_id.

$('#note_adder').click(function () {
    var counter = $('[id^="p_note"]').length;
    $('#p_note').clone().attr({
        id: 'p_note_' + counter,
        name: 'p_note_' + counter
    }).appendTo('#note_id');
});

我也更改了id克隆的textarea,因为ID应该是唯一的.每次连续点击,它应该产生新的textareas,其名称和ID为:

• p_note_1
• p_note_2
• 等等...

这是从Shadow Wizard的答案借来的演示:http://jsfiddle.net/cq9Hq/2/.