jQuery .parent()选择多个级别

Question

我有这样的层次结构:

<search>
    <inner>
        <input/>
        <p/>
        <img/>
    </inner>
</search>

我所试图做的是选择父<search>的的<input/>聚焦状态,但如果我这样做:

$(function(){
    $("input").focus(function(){
        console.log($(this).parent("search"));
    });
});

控制台显示一个空数组.是否有一种干净的方式来选择多个级别的父级？我知道这样做的唯一方法就是.parent().parent("search"),哪个会起作用,但不是很干净,如果我试图选择父母5层,那将是非常残暴的.

Answer 1

试试.closest():

对于集合中的每个元素,通过测试元素本身并遍历DOM树中的祖先来获取与选择器匹配的第一个元素.

$(this).closest("search")