Javascript 删除 div

Question

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

以上是我的 javascript 删除动态生成的 div 例如

<div class="newRow">Some Text &nbsp;<a href="#" class="remove_field">Remove</a></div>

但这里的问题是因为我使用了bootstrap网格列

<div class="row">
    <div class="col-xs-5">
        <div class="newRow">Some Text</div>
        <div class="col-xs-5">
            <div class="newRow">
                Some Text Part 2&nbsp;<a href="#" class="remove_field">Remove</a>
            </div>
        </div>
    </div>
</div>

而不是通过 'div' 删除，我想通过 div class="row" 删除所以它删除了整行。我要如何更改我的代码才能让它发生。

Answer 1

使用.closest()选择器：

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

Answer 2

您可以像

一样使用 .parent() 删除

$(document).on("click",".remove_field", function(e){ //user click on remove text
     $(this).parent().parent().parent().parent().remove();
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="row">
    <div class="col-xs-5">
        <div class="newRow">Some Text</div>
        <div class="col-xs-5">
            <div class="newRow">
                Some Text Part 2&nbsp;<a href="#" class="remove_field">Remove</a>
            </div>
        </div>
    </div>
</div>

Javascript 删除 div

Javascript on remove div

html

javascript

css

jquery

twitter-bootstrap