获取指定元素所有的父节点

获取指定元素所有的父节点

function getParentNodes(data,text) {
    for (let index = 0; index < data.length; index++) {
      if (data[index].text == text) {
        return [data[index].text];
      }
      if (data[index].nodes) {
        var ro = getParentNodes(data[index].nodes, text);
        if (ro !== undefined) {
          ro.unshift(data[index].text);
          return ro;
        }
      }
    }
  }
### 如何使用 jQuery 获取父节点的属性 在 jQuery 中,可以利用 `.parent()` 方法来选择当前元素的直接父节点,并通过 `.attr()` 方法获取父节点指定属性。以下是具体的实现方式: #### 使用方法 可以通过链式调用来完成此操作。首先使用 `.parent()` 找到目标元素父节点,接着使用 `.attr('attributeName')` 来提取所需的属性值。 ```javascript // 假设我们有一个 HTML 结构如下: // <div id="parent" data-info="example"> // <span class="child"></span> // </div> $('.child').parent().attr('data-info'); // 返回 'example' [^1] ``` 上述代码片段展示了如何从类名为 `child` 的 `<span>` 元素找到其 `<div>` 并读取它的自定义数据属性 `data-info`。 #### 完整示例 下面是一个更完整的例子,展示如何动态获取并显示父节点一个特定属性值。 ```html <div id="container" title="This is the container"> <button class="get-parent-title">Get Parent Title</button> </div> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function(){ $('.get-parent-title').on('click', function(){ var parentTitle = $(this).parent().attr('title'); alert(parentTitle); // 显示 "This is the container" }); }); </script> ``` 在这个实例中,当点击按钮时会触发事件处理程序,它将检索按钮所在容器 (`<div>`) 的 `title` 属性并将之弹出提示框。 #### 注意事项 如果需要遍历多个层次直到某个祖先而非仅限于直接亲,则应考虑采用 `.closest(selector)` 替代 `.parent()` 函数。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值