查找与上下文相关（而不仅仅是包含在上下文中）的最接近的父级

发布于 2024-10-19 08:47:11 字数 1100 浏览 1 评论 0原文

使用以下 html，

<ul id="accordion">
    <li>
        <ul>
            <li><h3>title</h3></li>
        </ul>
    </li>
    <li>
        <ul>
            <li><h3>title</h3></li>
        </ul>
    </li>
    <li>
        <ul>
            <li><h3>title</h3></li>
        </ul>
    </li>       
</ul>

我将外部 ul 存储在变量中

var acc = $("#accordion")[0]

在一般情况下，我只是传递了 DOM 元素，不一定指定选择器

当单击 h3 时，我想获取顶部包含它的级别 li。 在一般情况下，手风琴 ul 和我想要获取的元素之间以及要获取的元素和 h3 之间可能存在任何类型的标记...但我将拥有一个选择器这让我可以使用“>”从手风琴中获取元素选择器。

例如 var items = $(">li", acc);

问题是，当我从单击的 h3（单击处理程序中的“this”）开始时，很难找到特定的项目。

$(this).closest(">li", acc);

返回一个空的 jQuery（也许是一个错误？尽管在这种情况下很难定义“>”的含义，其中顶级元素是动态的）

$(this).parents(">li")

设置上下文，因此可能会返回太多元素

不允许有办法做我想做的事吗？

*编辑：html 现在使问题更加清晰

原文

With the following html

<ul id="accordion">
    <li>
        <ul>
            <li><h3>title</h3></li>
        </ul>
    </li>
    <li>
        <ul>
            <li><h3>title</h3></li>
        </ul>
    </li>
    <li>
        <ul>
            <li><h3>title</h3></li>
        </ul>
    </li>       
</ul>

I have the outer ul stored in a variable

var acc = $("#accordion")[0]

in the general case I am just passed the DOM element and can't necessarily specify a selector

When a h3 is clicked I want to get the top level li that contains it. In the general case there could be any kind of markup between the accordion ul and the element I wnat to fetch, and between the element to fetch and the h3... but what I will have is a selector that lets me get to the element from the accordion using the ">" selector.

e.g. var items = $(">li", acc);

The trouble is that when I start from a clicked h3 ("this" inside the click handler) It's difficult to find the specific item.