在jQuery中删除带有其子元素的div

苏蒙·巴比(Sumon Bappi)

我有一个方法,从那里我需要删除当前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>

我的删除功能>>>

function removeThisMember(){
    $(this).closest('.pNorPpl').remove();
}
罗里·麦克罗森(Rory McCrossan)

this使用on*属性,上下文不会保留。相反,您需要通过它:

<a onclick="removeThisMember(this)">Remove</a>
function removeThisMember(el) {
    $(el).closest('.pNorPpl').remove();
}

或者,您可以通过jQuery附加事件:

<a href="#" class="remove-link">Remove</a>
$('.pNorPpl').on('click', '.remove-link', function(e) {
    e.preventDefault();
    $(this).closest('.pNotPpl').remove();
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章