Javascript 如何获得到填充的li元素之间的空li元素的长度?

Javascript 如何获得到填充的li元素之间的空li元素的长度?,javascript,jquery,html,Javascript,Jquery,Html,我有多个元素,它们将在加载后随机填充。例如,如果我有12个元素,并且只填充了其中的两个,那么如何获得空元素和填充元素的数量 这是一个测试标记,我的问题是如何获得填充的之间的长度: <ul> <li></li> <li><span>text</span></li> <li></li> <li></li> <li>&l

我有多个
  • 元素,它们将在加载后随机填充。例如,如果我有12个
  • 元素,并且只填充了其中的两个,那么如何获得空
  • 元素和填充元素的数量

    这是一个测试标记,我的问题是如何获得填充的
  • 之间的长度:

    <ul>
        <li></li>
        <li><span>text</span></li>
        <li></li>
        <li></li>
        <li></li>
        <li><span>text</span></li>
    </ul>
    
    • 正文
    • 正文

    我不确定我是否理解你想要什么,但这里有一个我认为你想要的例子

        <script>
    
        function getItems() {
           var count = [0,0];
    
           $("li").each(function() {
           if($(this).text().length != 0)
              count[0]++;
           else
              count[1]++;
           });
           return count;
        }
    
        var items = getItems();
        // items[0] should return 4
        // items[1] should return 2
    
        </script>
    
    
    函数getItems(){
    变量计数=[0,0];
    $(“li”)。每个(函数(){
    if($(this).text().length!=0)
    计数[0]++;
    其他的
    计数[1]++;
    });
    返回计数;
    }
    var items=getItems();
    //项目[0]应返回4
    //项目[1]应返回2
    
    我希望这能帮助你。

    希望能帮助你

    function getItems() {
        let indexNotEmpty = [];
        $('ul > li').each(function(i, item) {
    
            if(item.innerText != ''){
                indexNotEmpty.push(i);
            };
        });
    
      return indexNotEmpty[indexNotEmpty.length-1]-indexNotEmpty[0]-1;
    }
    

    请共享您尝试的代码和HTML标记。提供的数据不足以找到所需的长度,请同时添加HTML代码。querySelector('ul')).innerText.length@vibhor1997a谢谢,但它不会返回填充的ones@Alex请确切解释一下上下文中的长度是什么意思。代码不错,但这一个将返回填充的空元素数。我必须检测填充元素之间的空元素数量。顺便说一句,item[0]返回4,intem[1]返回2,不用担心,我明白了,谢谢你,这就可以了。谢谢