首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >以<span>标记括起来的中断字符串

以<span>标记括起来的中断字符串
EN

Stack Overflow用户
提问于 2022-05-30 13:11:51
回答 1查看 48关注 0票数 0

我想将“ the ”更改为"Songs",因为当有人单击按钮时,22动态值的0会增加。我尝试过使用这段代码,但它并没有增加这个数字:

代码语言:javascript
运行
复制
setInterval(() => {
  if ($('#completion-count').length && !$('.completion_count_no_repeat').length) {
    $('#completion-count').empty();
    $("#completion-count").append(`<span id="completion-count" class="font-semibold">0 of 22 Songs Completed</span>`);
  }
}, 1000);
代码语言:javascript
运行
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<span id="completion-count" class="font-semibold">0 of 22 Lessons Completed</span>

EN

回答 1

Stack Overflow用户

发布于 2022-05-30 13:25:29

你不能增加这个数字。

您需要对最后一个数字进行计数,然后将其格式化为字符串:

代码语言:javascript
运行
复制
let index = 0;

setInterval(() => {
  if ($('#completion-count').length && !$('.completion_count_no_repeat').length) {
    $('#completion-count').empty();
    $("#completion-count").append(`<span id="completion-count" class="font-semibold">${index} of 22 Songs Completed</span>`)
  }
  index++;
}, 1000);
代码语言:javascript
运行
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<span id="completion-count" class="font-semibold">0 of 22 Lessons Completed</span>

字符串中的花括号是用于模板的。(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals)

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72434910

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档