回答編集履歴
3
インデント修正
test
CHANGED
@@ -44,9 +44,9 @@
|
|
44
44
|
|
45
45
|
$(this).parent().find('td').removeClass("is-selected");
|
46
46
|
|
47
|
-
$(this).addClass("is-selected")
|
47
|
+
$(this).addClass("is-selected");
|
48
48
|
|
49
|
-
|
49
|
+
});
|
50
50
|
|
51
51
|
});
|
52
52
|
|
2
テーブルが複数ある場合
test
CHANGED
@@ -27,3 +27,31 @@
|
|
27
27
|
|
28
28
|
|
29
29
|
```
|
30
|
+
|
31
|
+
|
32
|
+
|
33
|
+
# 追記
|
34
|
+
|
35
|
+
|
36
|
+
|
37
|
+
テーブルが複数ある場合は「自分の親に所属するtdのみをremove()」みたいにすると良いかと
|
38
|
+
|
39
|
+
```js
|
40
|
+
|
41
|
+
$(function() {
|
42
|
+
|
43
|
+
$('table td').on("click", function() {
|
44
|
+
|
45
|
+
$(this).parent().find('td').removeClass("is-selected");
|
46
|
+
|
47
|
+
$(this).addClass("is-selected")
|
48
|
+
|
49
|
+
});
|
50
|
+
|
51
|
+
});
|
52
|
+
|
53
|
+
```
|
54
|
+
|
55
|
+
|
56
|
+
|
57
|
+
もう少し簡潔にできそうには思いますが。。
|
1
修正
test
CHANGED
@@ -2,7 +2,9 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
$(this)で「イベントが発生した自身」が取得できます。
|
5
|
+
$(this)で「イベントが発生した自身」が取得できますので何番目かとる必要はありません。
|
6
|
+
|
7
|
+
※「自身が何番目を取得」というのでthisを利用されてるので惜しいところまでいってますね・・・
|
6
8
|
|
7
9
|
|
8
10
|
|
@@ -13,8 +15,6 @@
|
|
13
15
|
var selected_td = $("#table td");
|
14
16
|
|
15
17
|
$(selected_td).on("click", function() {
|
16
|
-
|
17
|
-
var nthItem = selected_td.index(this);
|
18
18
|
|
19
19
|
selected_td.removeClass("is-selected");
|
20
20
|
|