使用javascript在ul里面有多少个li

Question

我怎么知道第一个li里面有多少ul？

我知道我可以使用.length，但我只想要第一个ul的数量

<ul class="first-ul">
    <li>1</li>
    <li>2</li>
    <li>
        <ul class="second-ul">
            <li>2.1</li>
            <li>2.2</li>
        </ul>
    </li>
</ul>

http://jsfiddle.net/5oykbysk/

Answer 1

使用>获得直接孩子li：

alert(number = $('ul.first-ul > li').length);

FIDDLE：

http://jsfiddle.net/5oykbysk/1/

请参阅JQUERY DOCS for details

Answer 2

[].filter.call(
    document.getElementsByClassName('first-ul')[0].children, 
    function (el) {
        return el.nodeName === 'LI';
    }
).length

Answer 3

使用jQuery child selector。试试这个：

$('ul.first-ul > li').length

<强> DEMO

Answer 4

这是最好，最简单的方法：

var x = document.getElementsByClassName(".first-ul").childElementCount;
alert (x);

访问https://www.w3schools.com/jsref/prop_element_childelementcount.asp