在javascript中找到嵌套列表标签的最大高度？

Question

我需要找到嵌套标签的最大高度。单个列表嵌套一层深。另一个列表中的每个列表都嵌套更深一层。如果树中根本没有任何列表，则嵌套的高度为0。

以下是我的HTML文档：

<p>
  <div>Hello:
     <ol>
       <div>World:
         <div>
           <p>
             <div>Tree</div>
           </p>
         </div>
       </div>
     </ol>
  </div>
  <div>Wood</div>
</p>
<p>
  <div>simple list1</div>
</p>
<p>
</p>

我必须编写一个可以返回嵌套列表高度的函数。

Answer 1

通过首先找到所有ul和ol元素，然后找到所有自己的ul / ol子级（map和find），length可以找到最大深度（子级）：

function findDepth(){
    return  Math.max.apply(null, $('ul, ol').map((i,l)=> $(l).find('ul, ol').length)) + 1;
}

function findDepth(){
    return  Math.max.apply(null, $('ul, ol').map((i,l)=> $(l).find('ul, ol').length)) + 1;
}

function findDepth(){
	return  Math.max.apply(null, $('ul, ol').map((i,l)=> $(l).find('ul, ol').length)) + 1;
}

console.log(findDepth());