Question

我只找到了很多答案来显示一些特殊div的总数，就像这样：

<ul>
  <li>Some content</li>
  <li>Some content</li>
  <li>Some content</li>
</ul>

...但我的问题是，我想用数字序列对div进行div计数。

例如，我有以下列表......

<ul>
  <li>Some content <span class="number">1</span></li>
  <li>Some content <span class="number">2</span></li>
  <li>Some content <span class="number">3</span></li>
</ul>

...现在我想计算每个li元素并自动添加一个从低到高的数字，如下所示：

{{1}}

这怎么可能？

Answer 1

试试这个：

$(function() {
  $('ul li').each(function(i) {
    var self = $(this);
    self.html(self.html() + ' <span class="number">' + (i+1) + '</span>');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul>
  <li>Some content</li>
  <li>Some content</li>
  <li>Some content</li>
</ul>

Answer 2

您可以使用索引：

async.parallel({
    onedrive: function(callback) {
        async.map(onedriveUrls, request, callback);
    },
    gdrive: function(callback) {
        async.map(gdriveUrls, request, callback);
    }
}, function(err, results) {
    …
});

$('ul li').append(function() {
  return ' <span>' + ($(this).index() + 1) + '</span>';
});

Answer 3

尝试使用这样的HTML：

<ul class="someClass">
  <li>Some content</li>
  <li>Some content</li>
  <li>Some content</li>
</ul>

然后去做你在JQuery中尝试做的事情：

var count = 0;
$('.someClass li').each(function(){
    count++;
    $(this).append('<span class="number">'+count+'</span>');
});

按div计算div并显示每个div的数字，而不是总数

3 个答案: