移除父级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>

When I click remove link,I want remove it main container div(row-fluid).

I tried but it doesn't work.

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

Answer 1

Have you tried

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

Demo

---

You function doesn't work because closest begins with the current element , so looking for a div starting from a div will always return...itself!