使用jQuery .closest()遍历DOM

Question

我认为这将是一个容易.closest()处理的事实证明不是(或者我可能犯了一个愚蠢的错误).

我想要做的是<label>从<div>内部文本访问元素I AM HERE::

<li>
    <label>I WANT TO ACCESS THIS ELEMENT</label>
    <div>...</div>
    <div>
        <input/>
        <input/>
        <input/>
        <div id="start">I AM HERE</div>
    </div>
</li>

我的第一个猜测是尝试这个:

$('#start').closest('label') 

但它不会返回任何东西.

Answer 1

.closest()仅查找初始选择的祖先元素.你想要.closest()和.siblings()or 的组合.children():

//find closest parent `<li>` element and then find that element's child `<label>` element
$('#start').closest('li').children('label');

//find the closest parent `<div>` element and then find that element's sibling `<label>` element
$('#start').closest('div').siblings('label');

更新

一个非常快的选择器将使用.prev()两次,.parent()像这样:

$('#start').parent().prev().prev();

Answer 2

.closest只查找所选元素的父项.试试这个:

$("#start").closest("li").children("label");

更新

更改为.children,"> label"选择器已折旧.