JavaScript - получить все родительские элементы элемента

Question

JavaScript - получить все родительские элементы элемента

1

<div id="parent">
    <div id="child1">
        <div id="child2">
          <div id="child3">
            <div id="child4">
            </div>
          </div>
        </div>
    </div>      
</div>

Как получить родительские элементы, т. child3 Если я беру целевой узел как child3 тогда вам нужно получить родительские элементы как child2, child1 и parent. Есть ли какой-либо подход к получению родительских элементов из дочернего объекта в JavaScript. может ли кто-нибудь помочь мне в этом? Спасибо.

raj 29 окт. 2018, в 11:32

Источник

Теги:

javascript

2 ответа

2

Вы можете использовать for...in для проверки parentNode:

var a = document.getElementById("child3");
var arr = [];
for(var n in a){
  a = a.parentNode;
  if(a.nodeName == 'BODY') // return if the element is the body element
    break;
  arr.push(a);
}
console.log(arr);

<div id="parent">
    <div id="child1">
        <div id="child2">
          <div id="child3">
            <div id="child4">
            </div>
          </div>
        </div>
    </div>   
</div>

Mamun 29 окт. 2018, в 08:56

0

Спасибо, Мамун, все работает нормально, но мне нужно еще одно решение, есть ли способ получить все родительские элементы без использования циклов, как мы можем получить детей, используя a.children.
raj 29 окт. 2018, в 10:57
0

@raj, children получает коллекцию дочерних элементов, а не родительских. Насколько я знаю, нет способа получить всех родителей элемента без какой-то петли .....
Mamun 29 окт. 2018, в 12:49
0

Большое спасибо @Mamun
raj 29 окт. 2018, в 13:12
0

@raj, добро пожаловать :)
Mamun 29 окт. 2018, в 13:14

Показать ещё 2 комментария

Ещё вопросы

Спасибо, Мамун, все работает нормально, но мне нужно еще одно решение, есть ли способ получить все родительские элементы без использования циклов, как мы можем получить детей, используя a.children.
@raj, children получает коллекцию дочерних элементов, а не родительских. Насколько я знаю, нет способа получить всех родителей элемента без какой-то петли .....

fanjabi · Accepted Answer · 2018-10-29T08-46-00.000Z

var elem = document.getElementById("child3");

function getParents(elem) {
  var parents = [];
  while(elem.parentNode && elem.parentNode.nodeName.toLowerCase() != 'body') {
    elem = elem.parentNode;
    parents.push(elem);
  }
  return parents;
}

console.log(getParents(elem));

<div id="parent">
    <div id="child1">
        <div id="child2">
          <div id="child3">
            <div id="child4">
            </div>
          </div>
        </div>
    </div>
    
</div>

elem.parentNode.nodeName.toLowerCase() != 'body'

это предотвратит добавление элементов body и html в массив родителей

Спасибо, Фанджаби, все работает нормально, но мне нужно еще одно решение, есть ли способ получить все родительские элементы без использования циклов, как мы можем получить детей с помощью ele.children.