JQuery計數節點2個元素之間的深度差異

Question

有一種簡單的方法來計算2個元素之間的節點深度差異？

例：

<div id="1"> 
    <div id="2"></div> 
    <div id="3"> 
    <div id="4"></div> 
    </div> 
</div> 
<div id="5"></div> 

我想喜歡出頭：

diff($("#1"), $("#2")); //output 1 
diff($("#1"), $("#5")); //output 0 
diff($("#2"), $("#4")); //output 1 
diff($("#1"), $("#4")); //output 2 

我覺得有一些做父母（），兒童（）函數，但我不知道。 ..

Answer 1

如果我正確理解你的例子 - 你需要做的就是計算父節點：

diff($("#1"), $("#2")); 
 
diff($("#1"), $("#5")); 
 
diff($("#2"), $("#4")); 
 
diff($("#1"), $("#4")); 
 

 
function diff(a, b) { 
 
    $('#output').append(
 
    a.attr('id') + ' and ' + b.attr('id') + ' = ' + 
 
    Math.abs(a.parents().length - b.parents().length) 
 
    + '<br/>' 
 
); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="1"> 
 
    <div id="2"></div> 
 
    <div id="3"> 
 
    <div id="4"></div> 
 
    </div> 
 
</div> 
 
<div id="5"></div> 
 
<hr/> 
 
<div id="output"></div>