質問編集履歴
2
htmlにテキストエリアの部分を追加しました。
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記法に変更しました。
title
CHANGED
File without changes
|
body
CHANGED
@@ -5,7 +5,7 @@
|
|
5
5
|
その際、表のセルの色がrgb(171,209,198)ならば、そのセルを飛ばして値をセットしたいのですがうまく行きません。
|
6
6
|
|
7
7
|
### 該当のソースコード
|
8
|
-
|
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
|
-
|
18
|
+
```css
|
18
19
|
#app-table tr td:hover {
|
19
20
|
background-color: rgb(171, 209, 198);
|
20
21
|
}
|
22
|
+
```
|
21
23
|
|
22
|
-
|
24
|
+
```JavaScript
|
23
25
|
//名前格納用配列
|
24
26
|
var tableArray = [];
|
25
27
|
|
@@ -51,21 +53,27 @@
|
|
51
53
|
}
|
52
54
|
}
|
53
55
|
|
54
|
-
//クリックで
|
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
|
-
//クリックで
|
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()のなかに入れたコードが他のコードにも影響するのはなぜでしょうか...?
|