js 获取div的含有某个属性的父级节点

可以使用JavaScript中的`closest()`方法来获取div的含有某个属性的父级节点。具体实现方式如下：

var div = document.querySelector('div[属性名]');
var parentDiv = div.closest('[属性名]');

其中，`querySelector()`方法可以获取到第一个含有属性名的div节点，`closest()`方法可以获取到该div节点的含有属性名的父级节点。

相关问题

js 递归获取div的含有某个属性的父级节点

如果要递归获取div的含有某个属性的父级节点，可以使用JavaScript中的递归函数。具体实现方式如下：

function getParentDivWithAttr(div, attr) {
  if (div.parentNode) {
    if (div.parentNode.hasAttribute(attr)) {
      return div.parentNode;
    } else {
      return getParentDivWithAttr(div.parentNode, attr);
    }
  }
  return null;
}

var div = document.querySelector('div[属性名]');
var parentDiv = getParentDivWithAttr(div, '属性名');

其中，`getParentDivWithAttr()`方法是递归函数，用于获取div的含有某个属性的父级节点。如果该div节点的父级节点含有该属性，直接返回父级节点；否则，递归调用该方法，直到找到含有该属性的父级节点或者到达根节点为止。最后，获取到的父级节点赋值给`parentDiv`变量。

vue 树状点击子集获取父级的父级id

在vue中实现树状点击子集获取父级的父级id，可以通过以下步骤实现：

1. 定义一个树形数据，在该数据中包含每个节点的id、父级id、子节点等信息。
2. 前端页面通过v-for循环该树形数据，并通过v-if判断当前节点是否为父节点。
3. 定义一个方法getFatherId，该方法需要传入当前节点的id。
4. 在该方法中，通过循环遍历这个树形数据，查找当前节点的父节点的父节点，直到找到最上层的父节点并返回其id信息。

代码示例：

<template>
  <div>
    <ul>
      <li v-for="item in treeData" v-if="item.parentId === null">
        {{ item.name }}
        <ul>
          <li v-for="child in item.children" @click="getFatherId(child.id)">
            {{ child.name }}
          </li>
        </ul>
      </li>
    </ul>
  </div>
</template>

export default {
  data() {
    return {
      treeData: [{id: 1, name: '一级分类1', parentId: null, children: [
            {id: 2, name: '二级分类1-1', parentId: 1, children: [
                {id: 3, name: '三级分类1-1-1', parentId: 2},
                {id: 4, name: '三级分类1-1-2', parentId: 2}
              ]
            }
          ]
        }, 
        {id: 5, name: '一级分类2', parentId: null, children: [
            {id: 6, name: '二级分类2-1', parentId: 5, children: [
                {id: 7, name: '三级分类2-1-1', parentId: 6},
                {id: 8, name: '三级分类2-1-2', parentId: 6}
              ]
             }
           ]
        }
      ]
    }
  },
  methods: {
    getFatherId(id) {
      let parent = this.treeData.find(item => item.children.find(c => c.id === id));
      if (parent) {
        let grandParent = this.treeData.find(item => item.children.find(c => c.id === parent.id));
        if (grandParent) {
          console.log('grandParent id:', grandParent.id);
          return grandParent.id;
        }
      }
    }
  }
}

在以上代码中，treeData是一个嵌套的树形数据，通过v-for循环遍历该数据获取每个节点的信息，在getFatherId方法中通过循环遍历该数据查找当前节点的父节点的父节点，直到找到最上层的父节点并返回其id信息。最后在前端页面中绑定该方法，当用户点击节点时，通过调用该方法获取该节点所在的最上层节点的id信息。