javascript - 删除父 div 的父级

Question

<div class="row-fluid">
    <div class="span12 clearfix">
        <div class="span1">{1}</div>
        <div class="span3">{2}</div>
        <div class="span7"><input type="text" name="image_url[]" class="text required img_url" value="{0}" /></div>
        <div class="span1"><a href="#" class="remove_img">remove</a></div>
    </div>
</div>
<div class="row-fluid">
    <div class="span12 clearfix">
        <div class="span1">{1}</div>
        <div class="span3">{2}</div>
        <div class="span7"><input type="text" name="image_url[]" class="text required img_url" value="{0}" /></div>
        <div class="span1"><a href="#" class="remove_img">remove</a></div>
    </div>
</div>

当我单击删除链接时，我想删除它的主容器 div(row-fluid)。

我试过了，但它不起作用。

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

Answer 1

你有没有尝试过

$(this).parents('div.row-fluid').remove();

演示

---

你的函数不起作用，因为closest从当前元素开始，所以寻找div从 a 开始的div总是会返回......它自己！