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

时间:2015-06-16 22:47:14

标签: javascript jquery html html-lists

我想知道有多少" root"步骤在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);

1 个答案:

答案 0 :(得分:3)

只需添加&gt; 符号

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

添加&gt;会给你直接的#sidebar-step-list

DEMO