如何檢查兩個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或.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>