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>

我想做的就是当用户点击 span 时使用 class="container" 删除(通过使用 jQuery)span > 与 class="remove_the_main_container"。问题是 - 如何获取其中放置了单击的跨度 (class="remove_the_main_container") 的最顶层容器的 ID？

Answer 1

您不需要 ID 即可将其删除。

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