javascript - 如果没有文本，如何使有序列表的数量消失

Question

我有一个这样的有序列表:

  <ol class="top-assignee">
            <li class ="1st-assignee"></li>
            <li class ="2nd-assignee"></li>
            <li class="3rd-assignee"></li>
            <li class="4th-assignee"></li>
            <li class="5th-assignee"></li>
        </ol>

然后，在我的 js 文件中，我使用 jquery 将信息附加到相应的元素。例如，对于第一个元素:

$.getJSON(link, function (details) {
        $(/* somedata get from json*/).appendTo(".1st-assignee");
    });

对于其他 4 个具有不同 json 链接的元素也是如此。

但是，我的问题是有一些链接，它们返回 null(没有数据或链接可能已过期)--> 没有要附加到该元素的文本。但在这种情况下，数字顺序仍然存在。例如看起来像这样:

1.Jane
2.Jake
3.
4.Josh
5.

如果没有文本，是否有办法删除号码。这样我就可以成为:

1.Jane
2.Jake
3.Josh

更新:感谢你们的建议，但是，一个问题是我使用 json 获取数据并且需要很长时间，因此，它会在添加之前删除所有列表元素

Answer 1

您使用 each() 方法并检查是否有任何 li 元素为空:

$("#second > li").each(function(){
    if($(this).is(':empty')){
        $(this).remove()
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ol class="top-assignee">
    <li class ="1st-assignee">Jane</li>
    <li class ="2nd-assignee">Jake</li>
    <li class="3rd-assignee"></li>
    <li class="4th-assignee">Josh</li>
    <li class="5th-assignee"></li>
</ol>
<br>
<ol id="second" class="top-assignee">
    <li class ="1st-assignee">Jane</li>
    <li class ="2nd-assignee">Jake</li>
    <li class="3rd-assignee"></li>
    <li class="4th-assignee">Josh</li>
    <li class="5th-assignee"></li>
</ol>