简单 javascript 将数字加 1 并在 span html 中输出

Question

我正在尝试构建 JS，它将从 span 或 div 中获取一个值并将 1000 添加到初始值，然后在相同的跨度或 [=26= 中输出结果] 号码开始于.

大约有 4 个 span 需要一次获取值，所以我需要循环它

<li class="col-md-3 upcoming-events-box-one">
<div>
    <h3>TITLE</h3>
        12 DEC <span class="eventYear">2016</span>
    </div>
</div>

JavaScript 从页面上的所有 .eventYear 类中获取上述值 + 1（因此在这种情况下，2016 年变为 2017 年），然后将新值放入正确的范围内来自

任何指导将不胜感激。

Answer 1

当调用 each() 方法时，它遍历属于对象 (JQuery) 的 DOM 个元素。

this关键字引用当前元素。其中 text 函数可用于检索该元素的文本，因此只需使用内部回调函数 return 更新文本（增加 1）即可更新值并显示

$('.eventYear').each(function() {
  $(this).text(function() {
    return +this.textContent + 1;
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<h3>TITLE</h3>
12 DEC <span class="eventYear">2016</span> <br>
12 DEC <span class="eventYear">2015</span> <br>
12 DEC <span class="eventYear">2014</span> <br>
12 DEC <span class="eventYear">2013</span>
</div>

简单 javascript 将数字加 1 并在 span html 中输出

Simple javascript add 1 to a number and output in span html

javascript

jquery

addition