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)找到它.

所以我可以轻松地trigger.parent().parent().parent()在deleteBtn-ClickHandler里面选择元素,但这看起来不太好.有更清洁,更好的方法吗？

谢谢.

Answer 1

试试这个:

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