Question

我有一个需要删除的文本框，当没有任何跨距时，它会起作用：

$(InputsWrapper).append('<div class="input-group">
<input type="text" name="mytext[]" id="field_'+ FieldCount +'" 
value="Text + FieldCount +'" class="form-control"/>
<button class="removeclass">&times;</button></div>');
x++;

我正在使用bootstrap所以我希望能够将它包裹在一个span中，以便按钮和文本字段相互连接，所以当我将它包裹在这样的span和按钮周围时：

$(InputsWrapper).append('<div class="input-group">
<input type="text" name="mytext[]" id="field_'+ FieldCount +'" 
value="Text '+ FieldCount +'" class="form-control"/>
<span class="input-group-btn">
<button class="btn btn-default" type="button">
<a href="#" class="removeclass">&times;</a></button></span></div>');
x++;

它没有删除父母，我知道为什么它不起作用，因为下面的内容正在寻找div作为要删除的父级。

$("body").on("click",".removeclass", function(e){
    if( x > 1 ) {
            $(this).parent('div').remove();
            x--;
    }

我对jquery不太好，所以我想我不知道如何删除div，span和button，如何删除div，span和button？

我已尝试在删除功能中添加span和div，但只删除了其中一个或类似内容：

$(this).parent('div','span').remove();
            x--;

和

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

Jquery删除父项和子项

0 个答案: