将字符串封闭在＆lt; span＆gt;标签

发布于 2025-02-03 08:28:45 字数 789 浏览 2 评论 0 原文

我想将“ 课程”更改为“ 歌曲”，因为22 的 0 动态价值会在某人单击按钮时会增加。我已经尝试了此代码，但没有增加数字：

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);

<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>

原文

I wanted to change the "Lessons" into the "Songs", as 0 of 22 dynamic value it will increment as someone clicks the button. I've tried with this code but it isn't incrementing the number:

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);

<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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

月牙弯弯 2025-02-10 08:28:45

您没有增加数字。

您需要保持最后数字的数量，然后将其格式化为字符串：

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);

<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>

字符串中的卷曲牙套用于模板。（）

You are not incrementing the number.

You need to keep count of the last number and then format it into the string:

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);

<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>

The curly braces in the string are for templating. (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals)

回复收藏 0 原文

~没有更多了~