Html 按项目总数显示每个列表项目的数量(计数)

Html 按项目总数显示每个列表项目的数量(计数),html,jquery,Html,Jquery,我想显示一组中每个列表项的总数 该组中的项目数 例如:1/4、2/4、3/4、4/4 在论坛上,我对一些几乎相似的问题给出了一些答案,并切中要害 其中显示总数,但我无法获取单个数字 或组中的每个列表与总计一起显示 我的HTML <ul class="list-group"> <li> <div><p class="li-count"></p><h3>Title 1</

我想显示一组中每个列表项的总数 该组中的项目数

例如:1/4、2/4、3/4、4/4

在论坛上,我对一些几乎相似的问题给出了一些答案,并切中要害 其中显示总数,但我无法获取单个数字 或组中的每个列表与总计一起显示

我的HTML

<ul class="list-group">
  <li>
    <div><p class="li-count"></p><h3>Title 1</h3></div>
    <p>Lorem ipsum dolor sit amet,</p>
  </li>
  <li>
    <div><p class="li-count"></p><h3>Title 2</h3></div>
    <p>Lorem ipsum dolor sit amet</p>
  </li>
  <li>
    <div><p class="li-count"></p><h3>Title 2</h3></div>
    <p>Lorem ipsum dolor sit amet</p>
  </li>
  <li>
    <div><p class="li-count"></p><h3>Title 2</h3></div>
    <p>Lorem ipsum dolor sit amet</p>
  </li>
</ul>
我提前感谢您的帮助。

使用
文本(函数)
。函数的第一个参数是集合中的索引

var ImgTotal = $( ".list-group li" ).length;

$(".list-group li").each(function(index,value){
      $(this).find('.li-count').html(''+(index+1)+'/'+ImgTotal+'');
  });
var ImgTotal=$(“.list group li”).length;
$('.li count').text(i=>(i+1)+'/'+ImgTotal)

  • 标题1 Lorem ipsum dolor sit amet

  • 标题2 Lorem ipsum dolor sit amet

  • 标题2 Lorem ipsum dolor sit amet

  • 标题2 Lorem ipsum dolor sit amet

使用
文本(函数)
。函数的第一个参数是集合中的索引

var ImgTotal=$(“.list group li”).length;
$('.li count').text(i=>(i+1)+'/'+ImgTotal)

  • 标题1 Lorem ipsum dolor sit amet

  • 标题2 Lorem ipsum dolor sit amet

  • 标题2 Lorem ipsum dolor sit amet

  • 标题2 Lorem ipsum dolor sit amet


非常感谢@Asturion,所以救了我一天。非常感谢@Asturion,所以救了我一天。也感谢@chaerlietfl。也感谢@chaerlietfl。
var ImgTotal = $( ".list-group li" ).length;

$(".list-group li").each(function(index,value){
      $(this).find('.li-count').html(''+(index+1)+'/'+ImgTotal+'');
  });