javascript - 如何使用 jquery 将字符串中的数字增加一个

Question

我正在使用一个 jquery 插件创建选项卡来浏览，所有选项卡都是动态加载的，除了最后一个是硬编码的。我仍然想像往常一样导航，以便选项卡需要在 +1 之前具有选项卡的 ID。

这些是使选项卡起作用的两个元素:

<a href="#step-10" class="nav-link">Vul je keuze aan</a>
<div id="step-10" class="" style="">

比方说上面有 10 个步骤/选项卡，那么硬编码步骤需要有:

<a href="#step-11" class="nav-link">Vul je keuze aan</a>
<div id="step-11" class="" style="">

我该怎么做？我不能只将它解析为数字并增加 1，因为该数字与 step- 一起位于字符串中。如何从该字符串中删除数字，增加它并将新数字放回原位？

Answer 1

回答这个问题。 如何从该字符串中删除数字，增加它并放回新数字？假设我将 id 分配给了一个 var

var id = "step-11"
var splittedId = id.split("-");    //["step", "11"]
var no = parseInt(splittedId[1]);  // 11
var step = splittedId[0];          // "step"
var newId = step+"-"+(++splittedId[1]); // "step-12"