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'ов на моей странице, мне всегда нужно найти его с помощью $ (this).

, чтобы я мог легко использовать trigger.parent().parent().parent() для выбора элемента внутри deleteBtn-ClickHandler, но это выглядит не очень хорошо. Есть ли более чистый и лучший способ сделать это?

спасибо.

Answer 1

попробуйте это:

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

Answer 2

или вы можете использовать $(this).parents('div.BOX')