teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

htmlにテキストエリアの部分を追加しました。

2021/01/14 02:13

投稿

masshima
masshima

スコア2

title CHANGED
File without changes
body CHANGED
@@ -13,6 +13,11 @@
13
13
  <td></td>
14
14
  </tr>
15
15
  </table>
16
+
17
+ <div>
18
+  <textarea id="nameArea"></textarea>
19
+  <button onclick="nameSet()" class="btn btn-outline-secondary btn-lg">名前セット</button>
20
+ </div>
16
21
  ```
17
22
 
18
23
  ```css

1

Markdown記法に変更しました。

2021/01/14 02:13

投稿

masshima
masshima

スコア2

title CHANGED
File without changes
body CHANGED
@@ -5,7 +5,7 @@
5
5
  その際、表のセルの色がrgb(171,209,198)ならば、そのセルを飛ばして値をセットしたいのですがうまく行きません。
6
6
 
7
7
  ### 該当のソースコード
8
- 【HTML】
8
+ ```html
9
9
  <table id="app-table">
10
10
  <tr>
11
11
  <td></td>
@@ -13,13 +13,15 @@
13
13
  <td></td>
14
14
  </tr>
15
15
  </table>
16
+ ```
16
17
 
17
- 【style.css
18
+ ```css
18
19
  #app-table tr td:hover {
19
20
  background-color: rgb(171, 209, 198);
20
21
  }
22
+ ```
21
23
 
22
- 【main.js】
24
+ ```JavaScript
23
25
  //名前格納用配列
24
26
  var tableArray = [];
25
27
 
@@ -51,21 +53,27 @@
51
53
  }
52
54
  }
53
55
 
54
- //クリックでいろ変更ホバー時の色変更はcssで実行
56
+ //クリックで変更ホバー時の色変更はcssで実行
55
57
  $('table#app-table td').bind('click', function(e) {
56
58
  $(e.currentTarget).css('background-color','rgb(171,209,198)');
57
59
  })
60
+ ```
58
61
 
62
+
63
+
59
64
  ### 試したこと
60
65
 
61
66
  まず、表のセルの色を変更するのに、
67
+ ```JavaScript
62
- //クリックでいろ変更ホバー時の色変更はcssで実行
68
+ //クリックで変更ホバー時の色変更はcssで実行
63
69
  $('table#app-table td').bind('click', function(e) {
64
70
  $(e.currentTarget).css('background-color','rgb(171,209,198)');
65
71
  })
72
+ ```
66
73
  というコードを用意しました。
67
74
 
68
75
  その後、値をセットするのですが、
76
+ ```JavaScript
69
77
  /* td要素に配列の値を戻す */
70
78
  tdElem.each (function(i) {
71
79
  if($(this).css('background-color') == 'rgb(171,209,198)'){
@@ -74,11 +82,14 @@
74
82
  $(this).html(tableArray[i]);
75
83
  i++;
76
84
  });
85
+ ```
77
86
 
78
87
  このコードの、
88
+ ```JavaScript
79
89
  if($(this).css('background-color') == 'rgb(171,209,198)'){
80
90
  continue;
81
91
  }
92
+ ```
82
93
 
83
94
  を記述したところ、クリックしても背景色が変わらなくなってしまいました。
84
95
  nameSet()のなかに入れたコードが他のコードにも影響するのはなぜでしょうか...?