要查找最后一个输入jQuery
注意:在开始解释之前,请允许我指出这一点:这不是重复的主题,是关于insertAfter,而不是appendTo,我仍然无法完成 怎么回事? 当我单击单选按钮时,它会克隆一个段落,其中包含1个输入类型文本、1个输入类型单选和2个按钮(1个用于添加,另一个用于删除整个段落) 你们能帮我让这个添加按钮工作吗 应该做什么?应该在其段落的第一个输入电台之后立即添加一个电台 多谢各位 好的,事情是这样的 HTML要查找最后一个输入jQuery,jquery,find,clone,appendto,Jquery,Find,Clone,Appendto,注意:在开始解释之前,请允许我指出这一点:这不是重复的主题,是关于insertAfter,而不是appendTo,我仍然无法完成 怎么回事? 当我单击单选按钮时,它会克隆一个段落,其中包含1个输入类型文本、1个输入类型单选和2个按钮(1个用于添加,另一个用于删除整个段落) 你们能帮我让这个添加按钮工作吗 应该做什么?应该在其段落的第一个输入电台之后立即添加一个电台 多谢各位 好的,事情是这样的 HTML <input type="text" class="teste"> <!
<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>
我为您创建了一个可用的小提琴,并为脚本添加了单击处理程序:
$('.addtext, .adddate, .addradio').click(function() {
addElement($(this));
});
喜欢吗?是的,谢谢,你能告诉我你改变了什么吗?尽管如此,每次我点击加号按钮时,我都想在上一段的后面加上一个单选按钮。我不清楚我到底想做什么。我的意思是,每次单击加号按钮radio按钮或字段时,在其上一段之后添加1个单选按钮?感谢您的支持。旁边有输入文本的单选按钮;)不过,我想我只能用单选按钮:我想这就是它,它还不干净,但它能工作!的确如此:D谢谢你,伙计;)当有另一个段落带有收音机时,它会克隆多个段落,但我认为我可以修复它;)
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();
};
$('.addtext, .adddate, .addradio').click(function() {
addElement($(this));
});