jQuery如何获得最顶层的容器ID？

Question

在我的页面上,我有许多html控件看起来像这样:

<span id="pic1" class="container">
    <span class="inner">
       <span class="img"></span>
       <span class="strip"></span>
       <span class="remove_the_main_container"></span>
    </span>
</span>

所有我想要做的,是删除(通过使用jQuery)的span用class="container"时,用户点击在span用class="remove_the_main_container".问题是 - 如何获取最上面的容器的ID,其中放置了单击的span(class="remove_the_main_container")？

Answer 1

您不应该需要ID来删除它.

$('.remove_the_main_container').click(function() {
    $(this).parents('.container').remove();
});