質問編集履歴

2

追記

2017/03/31 14:10

投稿

Z-TALBO
Z-TALBO

スコア525

test CHANGED
File without changes
test CHANGED
@@ -113,3 +113,17 @@
113
113
 
114
114
 
115
115
  何行あるかを調べてその分回すという部分の書き方がどうも、わかっていない状況かと思います。
116
+
117
+
118
+
119
+ ###とんでもない凡ミス
120
+
121
+ そもそも$('input')でということで、、、あっ、、、と思いました。
122
+
123
+ 今回はid='inputTime'としており、idってそもそも一つだけじゃないか!と、、、
124
+
125
+ そこで、class指定にすることで、普通に全ての行でイベントを発生させることができました。
126
+
127
+
128
+
129
+ しかし、回答いただいた内容で、知らなかったこともありますので、とても参考になりました!

1

追記

2017/03/31 14:10

投稿

Z-TALBO
Z-TALBO

スコア525

test CHANGED
File without changes
test CHANGED
@@ -53,3 +53,63 @@
53
53
 
54
54
 
55
55
  この動作をさせる方法はどのようになるでしょうか?
56
+
57
+
58
+
59
+ ###質問追記
60
+
61
+ 動きとしては、当然今の値の保持、変更された値の保持、その違いによる変化というのは、PHPなどでも考えることなので、なんとなく理解しております。
62
+
63
+
64
+
65
+ そこで、、、とりあえず下記のようにコードを書いてみました。
66
+
67
+ ```HTML
68
+
69
+ <input type='time' name='time[<?=$i?>]' value='<?=h($time[$i])?>' id='inputTime'>
70
+
71
+ ```
72
+
73
+ ```Javascript
74
+
75
+ var oldTime = $('#inputTime').val();
76
+
77
+ $('#inputTime').change(function(){
78
+
79
+ var newTime = $('#inputTime').val();
80
+
81
+ if(oldTime === newTime) {
82
+
83
+ $('#inputTime').css('background', '#fff');
84
+
85
+ } else {
86
+
87
+ $('#inputTime').css('background', 'red');
88
+
89
+ }
90
+
91
+ });
92
+
93
+
94
+
95
+ ```
96
+
97
+ とりあえず、一行目に対しては動作しました。
98
+
99
+ しかし、これでは当然2行目などは動かない状況です。
100
+
101
+ ```Javascript
102
+
103
+ $('#inputTime').each(function(index) {
104
+
105
+
106
+
107
+ });
108
+
109
+ ```
110
+
111
+ というのを見つけてはみたものの、やはり一行しか取得できていません。
112
+
113
+
114
+
115
+ 何行あるかを調べてその分回すという部分の書き方がどうも、わかっていない状況かと思います。