Question

我有一个ul元素。现在我想知道li有多少selected级。

<ul class="icon-list icon-list-inline star-rating" id="star-rating">

        <li class="selected"></li>
        <li class=""></li>
        <li class=""></li>
        <li class=""></li>
        <li class=""></li>
</ul>


var vote_selected = $('#star-rating ... ???').length;

必须返回1.

Answer 1

将子选择器与class：

一起使用

#footer{
position: fixed; 
bottom: 0;
}

var vote_selected = $('#star-rating > .selected').length;

alert(vote_selected);

Answer 2

试试这个： -

var vote_selected = $('#star-rating li[class="selected"]').length;

DEMO

或（li是[{1}}的直接后代，您可以使用#star-rating）。

或者

var vote_selected = $('#star-rating > li[class="selected"]').length;

Answer 3

检查一下，

var vote_selected = $('#star-rating li.selected').length;

Answer 4

alert($('#star-rating li.selected').length)//use selector li.selected

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="icon-list icon-list-inline star-rating" id="star-rating">

        <li class="selected"></li>
        <li class=""></li>
        <li class=""></li>
        <li class=""></li>
        <li class=""></li>
</ul>

使用选择器ex。 li.classname

使用相同的类jquery计算元素的数量

4 个答案: