HTML文書内の各子供の奥行きを調べる

以下のコードサンプルでは、Bodyに2つの子があります。私は各子供の最大の深さを知りたいボディー要素は2つの子ノードを持っています、どのように各子供の最大深さを見つけるのですか？子供1つの深さ：3 子供2深さ：5HTML文書内の各子供の奥行きを調べる

<body> 
 
    <ul> 
 
     <li>List 1</li> 
 
     <ul> 
 
      <li> 
 
       <h1>Heading 1</h1> 
 
      </li> 
 
     </ul> 
 
    </ul> 
 
    <ul> 
 
     <li> 
 
      <ul> 
 
       <li> 
 
        <ul> 
 
         <li></li> 
 
        </ul> 
 
       </li> 
 
      </ul> 
 
     </li> 
 
    </ul>  
 
</body>

出典

2017-07-26 user3423927

私の応答が好きでしたか？ – William

あなたはjQueryのを使用している場合は、あなたの質問は明らかではないが、それは非常に単純です。ここでは、この場合の

$('.child-2').parents().length

またはthis calcDepthを使用している場合、質問は明確ではありません。

var calcDepth = function (root) { 
    var $children = $(root).children(); 
    var depth = 0; 

    while ($children.length > 0) { 
     $children = $children.children(); 
     depth += 1; 
    } 

    return depth; 
}; 
var result = calcDepth(document.getElementById('parent-1'));

出典

2017-07-26 00:12:17 William

Firts oneは尋ねられたことをしません – charlietfl

HTML文書内の各子供の奥行きを調べる

答えて

関連する問題