https://www.crunchbase.com/organization/teads#section-overview
This is my first question sharing. Please let me know I need to change anything.
You are given a DOM tree and have to analyze the <ul>
and <ol>
list tags within it. Your task is to find the maximum depth of nested <ul>/<ol>
list tags. A single <ul>/<ol>
list is nested one level deep. Each <ul>/<ol>
list inside another <ul>/<ol>
list is nested one level deeper. If there are no <ul>
or <ol>
lists at all in the DOM tree, the depth of nesting is 0.
Note that <ul>/<ol>
lists can be nested directly or indirectly, that is, a <ul>
list inside a table inside an <ol>
list is nested two levels deep.
For example, given an HTML document with the following contents within the <body>
tag:
<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>
there is a <ul>
list nested three levels deep. Namely “elem1” is an a <ul>
list which is inside an <ol>
list containing “Point”, while this <ol>
list is inside another <ul>
list containing “Item”.
Write a function:
function solution();
that, given a DOM tree, returns the maximum depth of nested <ul>/<ol>
lists.
For example, given the DOM tree of the document shown above, the function should return 3, as explained above.
Assume that:
- the DOM tree represents a valid HTML5 document;
- length if the HTMK document does not exceed 4KB;
- jQuery 2.1 is supported.