javascript - 在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;
}

console.log(findDepth());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<ul>
  <li>Item:
     <ol>
       <li>Point:
         <div>
           <ul>
             <li>elem1</li>
           </ul>
         </div>
       </li>
     </ol>
  </li>
  <li>elem2</li>
</ul>
<ul>
  <li>simple list1</li>
</ul>
<ul>
</ul>