Question

我有多个<li>元素，加载后将随机填充它们。例如，如果我有十二个<li>元素并且只填充了其中两个，那么如何获得空<li>元素和填充的元素的数量？

这是一个测试标记，我的问题是如何获取填充的<li>之间的长度：

<ul>
    <li></li>
    <li><span>text</span></li>
    <li></li>
    <li></li>
    <li></li>
    <li><span>text</span></li>
</ul>

Answer 1

我不确定我了解您想要什么，但这是我认为您想要的示例。

    <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>

希望这对您有所帮助。

Answer 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;
}

如何获取填充的li元素之间的空li元素的长度？

2 个答案: