jquery:在嵌套元素中查找parent()* n?

时间:2011-08-11 08:21:13

标签: jquery select jquery-selectors parent

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

想象一下我在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()来选择元素,但这看起来不太好。是否有更清洁,更好的方法呢?

谢谢。

2 个答案:

答案 0 :(得分:8)

试试这个:

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

答案 1 :(得分:1)

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