jquery：在嵌套元素中查找parent（）* n？

Question

我永远无法找到答案的问题。

想象一下我在div中有一个相当的结构：

<div class="BOX">
    <ul class="menu" role="navigation">
        </li><li><a class="btn" href="#">edit</a></li>
        <li><a class="btn" href="#">manage</a></li>
        <li><a class="btn deleteBtn" href="#">delete</a></li>
    </ul>
</div>

我想find() div.BOX when点击a.deleteBtn。由于我的页面上有多个div.BOX'es，我总是需要用$（this）找到它。

因此我可以在deleteBtn-ClickHandler内部轻松使用trigger.parent().parent().parent()来选择元素，但这看起来不太好。是否有更清洁，更好的方法呢？

谢谢。

Answer 1

试试这个：

$(this).closest("div.BOX")

Answer 2

或者您可以使用$(this).parents('div.BOX')