如何让这个jQuery不计入列表中的子列表？

Question

我想知道有多少＆＃34; root＆＃34;步骤在HTML列表中。我将迭代完成根步骤，但子步骤将完全被忽略。

我的jQuery总是计算根<li>步骤以及子<li>步骤，但我想要的只是根。

小提琴：https://jsfiddle.net/5x33omaw/1/

我希望它只计算 3 步骤，而不是它返回的 5 。我怎么不理睬孩子？

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

只需添加＆gt; 符号

即可

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

添加＆gt;会给你直接的＃sidebar-step-list

DEMO