$("li") .each (function (index) {
if ($(this) .css ('display') = =' none') {

}
})

you can make a distinction when rendering li

html

<li data-dp="no">
<li>
<li data-dp="no">

jq get quantity

//li
$("li[dp=no]").length
//li
$("li[dp!=no]").length

if you don't want to add class or attributes, just traverse li and make a judgment

var li_dp_no = 0;
var li_dp_block = 0;

$("li").each(function(){
    if($(this).css("display")=="none")){
        li_dp_noPP;
    }else{
        li_dp_blockPP;
    }
});

$('li[style*="display: none"]').length
$('li[style*="display: block"]').length

notice that the spaces around the middle colon should be consistent
and this is the attr written in html. If it is the default display: block, it cannot be selected

Jquery css function usage (to determine whether a tag has an attribute) to determine whether a layer is hidden: ("- sharpid"). Css ("display") = "none;

each traverse to determine whether the current element display attribute = = none | block the number is increasing

var isBlockNum = 0,isNoneNum = 0
$("li").each(function(index){
    if($(this).css('display')=='none'){
        isNoneNumPP
    }else if($(this).css('display')=='block'){
        isBlockNumPP
    }
})