appendTo 查找最后一个输入 jQuery

Question

注意：在开始解释之前，我先指出一点：这不是重复的话题，this one 是关于 insertAfter，而不是 appendTo，我仍然无法做到.

怎么了？

当我单击单选按钮时，它会克隆一个段落，其中包含 1 个输入类型文本、1 个输入类型单选和 2 个按钮（1 个用于添加，另一个用于删除整个段落） 你们能帮我让这个添加按钮工作吗？

应该做什么？应该在它的段落的第一个输入单选之后立即添加一个单选

Fiddle here谢谢Arun P Johny

好的，事情就是这样

HTML

<input type="text" class="teste">

<!--Input text-->
<p class="text"><br><input type="text" placeholder="Question Name"><br><input type="text" value="User Answer" disabled><button onclick="remove_element(this)">Remove</button></p>

<!--Input date-->
<p class="date"><br><input type="text" placeholder="Question Name"><br><input type="date" disabled><button onclick="remove_element(this)">Remove</button></p>

<!--Input Radio-->
<p class="radio"><br><input type="text" placeholder="Question Name"><br><input class="radio_option" type="radio"><input type="text"><button onclick="addOption(this)">+</button><br><button onclick="remove_element(this)">Remove</button></p>

<p>Select a field to add</p>
<button type="text" class="addtext" onclick="addElement(this)">Textbox</button>
<button type="date" class="adddate" onclick="addElement(this)">Date</button>
<button type="radio" class="addradio" onclick="addElement(this)">Radio Button</button>

<div id="create_form"></div>

风格

<style>
.teste{
    display:none;
}

.text{
    display:none;
}

.date{
    display:none;
}

.radio{
    display:none;
}
</style>

只是将它的显示设置为隐藏

jQuery

function addElement(element){
var type = $(element).attr("type");
$("."+ type + ":first").clone().appendTo("#create_form");
$("."+ type + ":last").toggle();
};  

function remove_element(input){
     $(input).parent().remove();
};

function addOption(element){
    $(".teste:first").clone().appendTo($(element).parent().find("input:last"));
    $(".teste:last").toggle();
}; 

Answer 1

我为您创建了一个可行的小提琴，并为脚本添加了点击处理程序：

$('.addtext, .adddate, .addradio').click(function() {
   addElement($(this));
});

http://jsfiddle.net/m2AwP/4/