Javascript 用它删除一个div';jquery中的子元素
我有一个方法,从中我需要删除当前div,它的元素在clink上。但它什么也没做。我找过护目镜,用过各种各样的东西,但没有结果。谁能帮我一下吗?!!!下面是我的代码: 我的div,其中声明了我的元素和删除链接>>>Javascript 用它删除一个div';jquery中的子元素,javascript,jquery,Javascript,Jquery,我有一个方法,从中我需要删除当前div,它的元素在clink上。但它什么也没做。我找过护目镜,用过各种各样的东西,但没有结果。谁能帮我一下吗?!!!下面是我的代码: 我的div,其中声明了我的元素和删除链接>>> <div class="col-xs-4 pNorPpl" id="pPeople"> <div class="form-group"> <label for="participatedPeopleN
<div class="col-xs-4 pNorPpl" id="pPeople">
<div class="form-group">
<label for="participatedPeopleName"><g:message code="sl" default="সদস্যের নাম" /></label>
<g:textField id="participatedPeopleName" name="participatedPeopleName" class="form-control"/>
<a onclick="addAnotherNormalPeople()">Add More</a> ||
<a onclick="removeThisMember()">Remove</a>
</div>
</div>
当您在*属性上使用
时,此
的上下文不起作用。相反,您需要传递它:
<a onclick="removeThisMember(this)">Remove</a>
或者,您可以通过jQuery附加事件:
<a href="#" class="remove-link">Remove</a>
尝试使用此解决方案:
HTML
<div class="col-xs-4 pNorPpl" id="pPeople">
<div class="form-group">
<label for="participatedPeopleName"><g:message code="sl" default="সদস্যের নাম" /></label>
<g:textField id="participatedPeopleName" name="participatedPeopleName" class="form-control"/>
<a onclick="addAnotherNormalPeople()">Add More</a> ||
<a class="removeFromHere" >Remove</a>
</div>
</div>
您已添加$(文档)。准备好注册此事件了吗?将您的元素传递给函数,如removeThisMember(此),谢谢您的回复。您的代码仅使用第一个元素。但不是在克隆元素中。我添加此div是为了添加更多成员。但是remove只在第一个方面起作用。我已检查克隆div的类是否与parent/first相同。那为什么除了父母之外,其他部门都不工作?!!我真的很困惑。您能帮忙吗?在这种情况下,您需要使用委托事件处理者。我已经为你更新了我的答案。非常感谢,它工作得很好。现在我需要在删除该值时将其设置为“”。为什么需要这样做?如果元素已从DOM中删除,则它不再具有要设置的值属性。当我要删除它时,我将删除它,但当我将更新某些信息(如删除用户)时,我不会删除它,只需隐藏它并在控制器中设置一个值以删除它。
<div class="col-xs-4 pNorPpl" id="pPeople">
<div class="form-group">
<label for="participatedPeopleName"><g:message code="sl" default="সদস্যের নাম" /></label>
<g:textField id="participatedPeopleName" name="participatedPeopleName" class="form-control"/>
<a onclick="addAnotherNormalPeople()">Add More</a> ||
<a class="removeFromHere" >Remove</a>
</div>
</div>
$(document).ready(function(){
$('.removeFromHere').click(function(){
$(this).closest('.pNorPpl').remove();
})
})