javascript - クリックしたボタンよりIDが大きいボタンを削除する

Question

コードが機能しない理由がわかりません。

3 つのボタンのグループを動的に作成します。グループの最初のボタンの ID は 1、2 番目のボタンは 101、3 番目のボタンは 201 です。2 番目のグループのボタンには、それぞれ 2、102、202 などの名前が付けられます。

最後のボタンをクリックして3つのボタンをすべて削除したい場合は、機能します。これは私がonclickイベントで設定したものです:

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

しかし、この onclick イベントで中央のボタンをクリックして 3 つのボタンをすべて削除したい場合:

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

ボタン 1 と 101 のみが削除され、201 は削除されません。

「this.id+100」の値が気に入らないようです。どういう理由ですか？

前もって感謝します。

score 0 · Accepted Answer

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

「+」演算子は連結に使用されるため、加算する前に数値を作成する必要があります。

score 0 · Accepted Answer

2 番目のスニペットで、変更します

removeElement(this.id+100);

に

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

score 0 · Accepted Answer

文字列と数字を混ぜて ... を+文字列連結で使用すると、try が連結されます

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

parseInt()JavaScript で文字列を数値に変換するために使用します

3 に答える 3