删除ID高于单击按钮的按钮

Question

我不明白为什么我的代码不起作用。

我动态创建三个按钮组：组中的第一个按钮为id 1，第二个按钮为101，第三个按钮为201;第二组的按钮将分别命名为2,102和202，依此类推。

如果我想通过点击最后一个按钮来删除所有三个按钮。这是我在onclick事件中设置的内容：

butt.onclick = function() {
    removeElement(this.id);
    removeElement(this.id-100);
    removeElement(this.id-200);
}

但是如果我想通过点击这个onclick事件来删除所有三个按钮：

butt.onclick = function() {
    removeElement(this.id+100);
    removeElement(this.id);
    removeElement(this.id-100);
}

它只删除按钮1和101，但不删除201。

似乎它不喜欢“this.id + 100”值。是什么原因？

提前致谢。

Answer 1

尝试removeElement(parseInt(this.id)+100);

'+'运算符用于连接，因此需要在添加之前编号。

Answer 2

在您的第二个代码段中，更改

removeElement(this.id+100);

到

removeElement(parseInt(this.id)+100);

Answer 3

您的混合字符串带有数字......并使用带字符串的+连接尝试

butt.onclick = function() {
    removeElement(parseInt(this.id,10)+100);
    removeElement(this.id);
    removeElement(parseInt(this.id,10)-100);
}

您使用parseInt()将字符串转换为JavaScript中的数字