Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用它删除一个div';jquery中的子元素_Javascript_Jquery - Fatal编程技术网

Javascript 用它删除一个div';jquery中的子元素

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,它的元素在clink上。但它什么也没做。我找过护目镜,用过各种各样的东西,但没有结果。谁能帮我一下吗?!!!下面是我的代码:

我的div,其中声明了我的元素和删除链接>>>

<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();
  })
})