teratail
回答率
85.47%
質問するログイン新規登録
トップJavaScriptに関する質問JavaScript 要素の削除

編集履歴

回答編集履歴

3

JSFiddleを追記しました☆

2018/10/28 03:10

投稿

退会済みユーザー
test CHANGED
@@ -1,4 +1,6 @@
1
1
  まるっと書き直してみました。
2
+
3
+ [JSFiddle](https://jsfiddle.net/btsy5fLw/3/)
2
4
 
3
5
 
4
6
 

2

冗長な処理を加えてしまっていたのを削除しました☆☆

2018/10/28 03:10

投稿

退会済みユーザー
test CHANGED
@@ -34,29 +34,27 @@
34
34
 
35
35
  .querySelectorAll('tr');
36
36
 
37
- removeTrs.forEach((tr, index) => tr.id = indexToRemoveTrID(index));
37
+ removeTrs.forEach((tr, index) => tr.id = indexToRemoveTrID(index));
38
38
 
39
39
  }
40
40
 
41
41
 
42
42
 
43
- // 削除ボタンのクリックイベントハンドラーを再セットします
43
+ // 削除ボタンのクリックイベントハンドラーをセットします
44
44
 
45
- function resetBtnOnClickEvents() {
45
+ function setBtnOnClickEvents() {
46
46
 
47
47
  var removeTrs = document
48
48
 
49
49
  .querySelectorAll('table')[1]
50
50
 
51
- .querySelectorAll('tr');
51
+ .querySelectorAll('tr')
52
52
 
53
- removeTrs.forEach((tr, index) => {
53
+ .forEach((tr, index) => {
54
54
 
55
- tr.removeEventListener('click', onClickEventHandler);
55
+ tr.addEventListener('click', onClickEventHandler);
56
56
 
57
- tr.addEventListener('click', onClickEventHandler);
58
-
59
- });
57
+ });
60
58
 
61
59
  }
62
60
 
@@ -74,8 +72,6 @@
74
72
 
75
73
  resetTrIDs();
76
74
 
77
- resetBtnOnClickEvents();
78
-
79
75
  }
80
76
 
81
77
 
@@ -84,6 +80,6 @@
84
80
 
85
81
  resetTrIDs();
86
82
 
87
- resetBtnOnClickEvents();
83
+ setBtnOnClickEvents();
88
84
 
89
85
  ```

1

載せたのがミスってたので修正しました★

2018/10/28 03:04

投稿

退会済みユーザー
test CHANGED
@@ -14,7 +14,9 @@
14
14
 
15
15
  // IDを再セットします
16
16
 
17
- function resetInputTrIDs() {
17
+ function resetTrIDs() {
18
+
19
+ //
18
20
 
19
21
  var inputTrs = document
20
22
 
@@ -23,6 +25,16 @@
23
25
  .querySelectorAll('tr');
24
26
 
25
27
  inputTrs.forEach((tr, index) => tr.id = indexToInputTrID(index));
28
+
29
+ //
30
+
31
+ var removeTrs = document
32
+
33
+ .querySelectorAll('table')[1]
34
+
35
+ .querySelectorAll('tr');
36
+
37
+ removeTrs.forEach((tr, index) => tr.id = indexToRemoveTrID(index));
26
38
 
27
39
  }
28
40
 
@@ -60,6 +72,8 @@
60
72
 
61
73
  document.getElementById(indexToRemoveTrID(index)).remove();
62
74
 
75
+ resetTrIDs();
76
+
63
77
  resetBtnOnClickEvents();
64
78
 
65
79
  }
@@ -68,7 +82,7 @@
68
82
 
69
83
  // 各要素を初期化します
70
84
 
71
- resetInputTrIDs();
85
+ resetTrIDs();
72
86
 
73
87
  resetBtnOnClickEvents();
74
88