如何修改jQuery代码实现div内子元素倒序计数，从大到小输出序号

可以实现，只需要先拿到.grid容器下.num元素的总数量，用总数量减去遍历的当前索引，就能得到倒序的计数结果，同时还可以优化你原代码中重复设置文本的冗余逻辑，减少DOM操作。

修改后的代码如下：

$(function() {
  $(".grid").each(function() {
    // 先获取当前grid下所有.num元素的集合和总数量
    const $numList = $(this).find('.num');
    const totalCount = $numList.length;

    $numList.each(function(index) {
      // 倒序计算序号，索引从0开始，直接用总数量减索引即可得到从大到小的数
      const serialNum = totalCount - index;
      // 补0逻辑和原效果一致
      $(this).text(serialNum < 10 ? `0${serialNum}.` : `${serialNum}.`);
    });
  });
});

上述代码保留了原代码的所有展示效果，仅调整了计数顺序，原逻辑中小于10的序号前补0、末尾带点的规则完全不变。

内容的提问来源于stack exchange，提问作者Anta