如何检查两个DOM节点是否是没有jquery的兄弟节点？

Question

如何检查两个DOM节点是否是没有jquery的兄弟节点？

<div>
   <a></a>
   <b></b>
   <c>
       <d></d>
   </c>
</div>

a和c是兄弟姐妹，但a和d不是。 a和a不是兄弟姐妹。

Answer 1

只需查看他们的.parentElement财产。

let isSibling = el1 !== el2 && el1.parentElement === el2.parentElement;

Answer 2

为什么不检查parentNode（或parentElement）属性？

function areSiblings(a, b) {
  return a!=b && a.parentNode == b.parentNode; 
}

Answer 3

只需使用.parentElement or .parentNode来确定他们是否共享同一个父母。

var a = document.querySelector('a');
var b = document.querySelector('b');
var c = document.querySelector('c');
var d = document.querySelector('d');


function areSiblings(x, y) {
  return x !== y && x.parentElement === y.parentElement;
}

function areSiblings2(x, y) {
  return x !== y && x.parentNode === y.parentNode;
}

console.log(areSiblings(a, b)); // true
console.log(areSiblings(a, c)); // true
console.log(areSiblings(a, d)); // false

console.log(areSiblings2(a, b)); // true
console.log(areSiblings2(a, c)); // true
console.log(areSiblings2(a, d)); // false

<div>
   <a></a>
   <b></b>
   <c>
       <d></d>
   </c>
</div>