javascript - 如何使这个 jQuery 不计算列表中的子列表？

Question

我想知道 HTML 列表中有多少个“根”步骤。我将迭代根步骤，但子步骤将被完全忽略。

我的 jQuery 总是计算根 <li>脚步和 child 一样<li>步骤，但我想要的只是根。

fiddle :https://jsfiddle.net/5x33omaw/1/

我希望它只计算 3 步，而不是返回的 5 步。我怎么能忽视 child 呢？

HTML:

<ol id="sidebar-step-list" class="no-indent">
    <li>Step 1</li>
    <li>Step 2
        <ul>
            <li>Substep 1</li>
            <li>Substep 2</li>
        </ul>
    </li>
    <li>Step 3</li>
</ol>
<hr/>
<div id="dog"></div>

JavaScript/jQuery

var stepList = $("#sidebar-step-list li");
var length = stepList.length;

$("#dog").text("Number of steps: " + length);

Answer 1

只需添加>符号

var stepList = $("#sidebar-step-list > li");

通过添加>将为您提供#sidebar-step-list的直接li

DEMO