JavaScript更新变量名

很抱歉，我今天刚学了javascript，所以没有回答这个问题

我正在尝试用javascript按钮创建和删除div，我已经做得相当好了

但是，当我删除第1-8部分中的第7部分时，我需要更改文本，使其看起来不像

编号：1
编号：2
编号：3
编号：4
编号：5
编号：6
电话：8

此代码将div添加到包含div的xbox的末尾

d1.insertAdjacentHTML('beforeend', '<div class="xbox" id ="xbox1'+numItems+'">Number:  '+countBox()+'</div>

---

我考虑过只使用div并设置内部html。但是我想我会看看是否有更好的方法来强制代码更新变量

因此，基本上更新所有元素的文本，以便在删除一个元素后，它们再次按编号顺序排列

numItems

变量使用长度，因此这不是问题

要更新所有框的文本，请执行以下操作：

$('.xbox').text(function(i) {
    return 'number: ' + (i+1);
});

向div添加文本

添加onclick函数并传递什么div，即onclick=“myFunction（0）”

更新div文本

document.getElementById（'yourID'）.innerHTML=“新建文本！”

完整示例

HTML

一些文本
一些文本
一些文本

*JavaScript*

function update(column){
    //max number of divs from your example would be 8
    for(var i = column; i < MAX_NUMBER_DIV_HERE; i++){
        document.getElementById('div ' + i).innerHTML = i + "";
    }
}

函数更新（列）{
//示例中的div的最大数量为8
对于（var i=列；i

也许您可以使用

ol

来代替自定义格式？（）

或者，如果有少量的数字，

n子项

前面有

文本

#group div:nth-child(1):before { 
  content: "number: 1";
}

#group div:nth-child(2):before { 
  content: "number: 2";
}

---

旧式支持在这两种情况下都不是很好。

你能为我们做一个比较好的例子吗？为什么两个不同的类，你在插入

xbox

盒子，但在计算

Cbox

盒子？我不能让JSFIDLE工作：p自己也不能把它做得更好。那么我会把它叫做什么地方吗？

function update(column){
    //max number of divs from your example would be 8
    for(var i = column; i < MAX_NUMBER_DIV_HERE; i++){
        document.getElementById('div ' + i).innerHTML = i + "";
    }
}

#group div:nth-child(1):before { 
  content: "number: 1";
}

#group div:nth-child(2):before { 
  content: "number: 2";
}