Javascript JQuery附加到父div
对于以下html:Javascript JQuery附加到父div,javascript,jquery,Javascript,Jquery,对于以下html: <div class="section grouping"> <div class="sectionControl"> <div class="parent row errorOn"> <div class="validGroupControl"> <div class="row2 itemWrap clearfix">
<div class="section grouping">
<div class="sectionControl">
<div class="parent row errorOn">
<div class="validGroupControl">
<div class="row2 itemWrap clearfix">
<label>Login1 (adress e-mail)<span class="iconReq"> </span>:</label>
<input type="text" class="text">
</div>
<div class="itemWrap clearfix">
<label>Input field1<span class="iconReq"> </span>:</label>
<input type="password" class="text">
</div>
<a href="#" class="iconClose" onclick="$(this).closest('div.parent').remove();" title="remove">remove</a>
</div>
</div>
</div>
<div class="row addControl">
<a href="#" class="button" onclick="$('div.sectionControl').append($('div.sectionControl div.parent:last').html());">Add</a>
</div>
</div>
我有重复的。因此,我没有只添加一个,而是获得了我刚才添加的原创+内容。我不知道该怎么办
谢谢首先,使用jQuery将内联的
点击出来并附加:
$('div.addControl a.button').click(function () {
var parent = $(this).closest('.section.grouping').find('.parent:last');
parent.after(parent.clone());
});
请注意”。父项:last'
,它将只选择一个div。首先,将该内联再次单击
并使用jQuery附加:
$('div.addControl a.button').click(function () {
var parent = $(this).closest('.section.grouping').find('.parent:last');
parent.after(parent.clone());
});
注意”。父项:last'
,它将只选择一个div。是否有方法检查组中是否只有1个div?。如果sectionControl组中只有1个(div.parent),我希望能够删除“删除”按钮。thanks@Shane,我不确定您想做什么,但要检查是否只有一个.parent
,您可以使用:$(this).closest('.section.grouping')。find('.parent')。length==1
是否有办法检查组中是否只有1个?。如果sectionControl组中只有1个(div.parent),我希望能够删除“删除”按钮。thanks@Shane,我不确定您想做什么,但要检查是否只有一个.parent
,您可以使用:$(this).最近('.section.grouping')。查找('.parent')。长度==1
$('div.addControl a.button').click(function () {
var parent = $(this).closest('.section.grouping').find('.parent:last');
parent.after(parent.clone());
});