javascript - 用 count++ 做前缀

Question

我正在尝试像这样转动标题:

Greetings

Introductions

Numbers

(etc.)

进入这个:

1. Greetings

2. Introductions

3. Numbers

(etc.)

所以我这样写:

  var outlineCount = 0
  $('.page-template-page-outline .entry-content > h2').prepend('<span class="lesson-number">' + outlineCount++ + '.</span> ')

但我得到的是:

0. Greetings

0. Introductions

0. Numbers

(etc.)

我做错了什么？

Answer 1

您不会遍历每个元素然后添加内容。您要做的是将它应用到 jQuery 集合中的所有元素。

因此，它将是 0，因为 outlineCount 的值在 ++ 之后只会是 1后缀运算符。

$('.page-template-page-outline .entry-content > h2').each(function(i) {
   $(this).prepend('<span class="lesson-number">' + (i + 1) + '.</span>')
});

在上面的代码中，我们使用在回调中传递的索引并将其加一。无需单独的计数器。