javascript - 使用 jquery 查找 href 属性的父级并访问特定属性

Question

我正在处理 TreeView 。请检查这个link 。它有一个带有链接的树的示例(只需在页面上搜索启用链接，或)。

如果您检查名为 child 2 的元素，您将看到以下链接:

我应该能够搜索 href 设置为 #child2 的 标签 a，一旦找到，我应该找到它的父级(li 标签)，然后访问 data-nodeis 属性并返回其值。

到目前为止，我能够做到这一点:$('a[href="#child2"]');但不确定下一步该做什么。

请帮忙

Answer 1

您可以使用.parents()遍历直到找到所需的元素:

var nodeValue = $('a[href="#child2"]').parents("li").attr("data-nodeid");

• .parents()当您嵌套多个元素很深时很有用。

• .parent()如果该元素是直接后代，则很好

  • 这适合您的特定情况
• .closest()也可以工作，向上遍历，区别是最接近的从元素开始，而 parent 从父元素开始

查看我的Fiddle例如使用 .parents()或者下面的代码片段:

var nodeValue = $('a[href="#child1"]').parents("li").attr("data-nodeid");

document.getElementById('result').innerHTML = nodeValue;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
    <li data-nodeid="1">
        <div><a href="#child1">child1</a></div>
        
    </li>
    <li data-nodeid="2">
        <div><a href="#child2">child2</a></div>
    </li>
</ul>
<div id="result"></div>