Finden Sie Tiefe von jedem Kind des Körpers in einem HTML-Dokument

In dem folgenden Codebeispiel hat Body zwei Kinder. Ich möchte die maximale Tiefe jedes Kindes kennen Körperelement hat zwei Kinderknoten, wie finde ich die maximale Tiefe jedes Kindes. Hier in diesem Fall: Kind 1 Tiefe: 3 Kind 2 Tiefe: 5Finden Sie Tiefe von jedem Kind des Körpers in einem HTML-Dokument

<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>

Quelle

2017-07-26 user3423927

Hat Ihnen meine Antwort gefallen? – William

Wenn Sie jQuery verwenden ist es ziemlich geradlinig, obwohl Ihre Frage ist nicht klar.

oder dies Wenn Sie calcDepth verwenden, ist Ihre Frage nicht klar.

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'));

Quelle

2017-07-26 00:12:17 William

Zuerst tut man nicht, was gefragt wird – charlietfl

Finden Sie Tiefe von jedem Kind des Körpers in einem HTML-Dokument

Antwort

Verwandte Themen