javascript - jQuery : find length of mixed list

Question

这是示例列表:

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

我有一个从无序列表中查找深度的代码:

var n = 0

$('ul').each(function(i){ 
    if (($(this).parents('ul').length + 1) > n) { n = $(this).parents('ul').length + 1; }
});

但是如果有多个列表并且其中是混合列表怎么办？

编辑:这里混合列表意味着ul列表和ol列表。

Answer 1

关键是在检查的选择器中添加ol。

var n = 0

$('ul, ol').each(function(i){ 
    if (($(this).parents('ul, ol').length + 1) > n) { n = $(this).parents('ul, ol').length + 1; }
});

$('#result').html(n);

<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
                          <ol>
                            <li>elem1_1</li>  
                          </ol>
                      </li>
                    </ul>
                </div>
            </li>
        </ol>
    </li>
    <li>elem2</li>
</ul>
<ul>
    <li>Point:
        <div>
            <ul>
                <li>elem1</li>
            </ul>
        </div>
    </li>
</ul>
<ul>
    <li>simple list1</li>
</ul>

<hr />

<div id="result"></div>