jQuery 选择器问题

Question

这是我的标记:

<div class=container>
    <ul>
        <li class=record>
            <div class=item></div>    <---- I am here
        </li>
    </ul>
</div>

容器始终存在，但 UL 是可选的。我想要做的是获取“下一个父级”元素(来 self 当前的项目)，li.record(如果存在)或 div .container

问题是保持层次结构 div.container > li.record

我该如何检查？ (选择 UL，如果不存在，请选择容器)

谢谢

Answer 1

您可以使用通用 parent 方法:

$("li.record").parent("ul, div.container");

这将为您提供直接父级选择器，或者如果父级与任一选择器都不匹配，则什么也得不到。

或

最接近的方法:

$("li.record").closest("ul, div.container");

这将为您提供最接近的祖先，即使它不是直接 parent 。