Question

我有一个简单的ul列表，其中包含一些li元素 - 其中一些元素具有特定的类.count。

使用CSS counter()功能我计算li.count的数量并将其显示为content: counter()的{{1}}。

现在问题是 - 如果#result:after的数量等于 0 ，我想从li.count删除.hidden类。

#message

我试图为此做一些JQuery，但我不确定我是否犯了一些错误，或者来自<ul id="list"> <li class=""> ... </li> <li class=""> ... </li> <li class=""> ... </li> <li class=""> ... </li> <li class=""> ... </li> <li class="count"> ... </li> </ul> <div id="result"> ... </div> <p id="message" class="hidden"> ... </p>的 0 是否为浏览器的实际价值

Answer 1

正如你所说： - if the number of li.count equals 0 I want to remove .hidden class from #message.

你可以这样做： -

if($('li.count').length ==0){
 $('#message').removeClass('hidden');
}

示例1： - https://jsfiddle.net/yvyj14kw/

示例2： - https://jsfiddle.net/1k81m56c/

Answer 2

<a href="#" id="countitems">Count Number of List Items in following List</a>
    <ul id="list">
        <li class=""> ... </li>
        <li class=""> ... </li>
        <li class=""> ... </li>
        <li class=""> ... </li>
        <li class=""> ... </li>
        <li class=""> ... </li>
  </ul>
 <div id='hidden'>There are no childrens </div>

<强> CSS

#hidden {
  display: none;
}

<强> JS

$(document).ready(function(e) {
    if ($('#list').children('li.count').length === 0) {
        $('#hidden').show();
    }
});

Answer 3

您可以使用以下代码

var count = 0;
        $('#list li.count').each(function(){
            count++;
        });
        if(count == 0) {
            $('#message').removeClass('hidden');
        }

div时添加类：在内容等于＆＃34; 0＆＃34;

3 个答案: