Verificare se div è discendente di un altro

Question

Best way to find out if element is a descendant of another c'è un'altra domanda, molto simile a questo, ma il suo jQuery.

quindi, come faccio a farlo in js? Ho div in a, b, c, d nidificato in questo ordine. Inoltre, non sono sicuro se importa, c'è un altro a, b, c ... e un altro. non è solo un singolo elemento. ce ne sono molti per lo stesso id/classe.

quindi voglio vedere se d ha un genitore (non importa quanto profondo sia annidato, a patto che ci sia un genitore in cima è ok) chiamato a.

edit: Inoltre, ho avuto questa idea che ho potuto verificare childNodes di "a" e vedere se "d" è uno di loro, ma couldnt attuarlo. se qualcuno riesce a farlo funzionare, sarà fantastico.

Answer 1

// x is the element we are checking 
while (x = x.parentNode) { 
    if (x.id == "a") console.log("FOUND"); 
} 

Answer 2

È possibile utilizzare node.contains per verificare se un nodo contiene un altro nodo. https://developer.mozilla.org/en-US/docs/Web/API/Node.contains

Answer 3

Se si desidera utilizzare puro javascript, utilizzare node.contains.

ad es.

var a = document.getElementById('a'); 
var d = document.getElementById('d') 
if (a.contains(d)) { 
    alert('d is a child of a'); 
} 

Fiddle: http://jsfiddle.net/FlameTrap/pwVPC/