Question

使用jQUery，如何处理删除父项的父项？我当前的PHP只删除了父div，它只删除了＆＃34;删除按钮＆＃34;本身而不是包含的输入框。

PHP：

        $( document ).ready(function() {
            var max_fields = 10; //maximum input boxes allowed
            var wrapper = $(".input_fields_wrap"); //Fields wrapper
            var add_button = $(".add_field_button"); //Add button ID

            $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
                e.preventDefault(); $(this).parent('div').remove(); x--;
            })
        });

HTML：

            <div class="row subrow">
                <div class="form-group col-lg-8">
                    <div class="input-group">
                        <span class="input-group-addon">Event Name</span>
                        <input type='text' class='form-control input-sm' name="mytext[]">
                    </div>
                </div>
                <div class="col-lg-4"><a href="#" class="remove_field">Remove</a></div>
            </div>

Answer 1

如果您将始终让父级的父级具有类行，则可以使用closest遍历树以匹配父元素并删除。

$(wrapper).on("click",".remove_field", function(e){ //user click on remove text
    e.preventDefault(); 
    $(this).closest(".row").remove(); 
    x--;
})

Answer 2

替换它：

$(this).parent('div').remove();

有了这个：

$(this).parent().parent().remove();

使用jQuery删除parent.parent HTML div？

2 个答案: