質問編集履歴
3
質問文をupdateしました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,24 @@
|
|
1
1
|
###前提・実現したいこと
|
2
2
|
|
3
|
-
HTMLでWeb
|
3
|
+
HTMLでWebアプリを作っているものです。(趣味です)
|
4
|
+
|
5
|
+
|
6
|
+
|
7
|
+
詳細URL
|
8
|
+
|
9
|
+
github URL = https://github.com/Minemichi/yomita
|
10
|
+
|
11
|
+
アプリURL = https://test-yomita.herokuapp.com/
|
12
|
+
|
13
|
+
|
14
|
+
|
15
|
+
動的にhtmlを書き換えると本来のjQueryのセレクタ$('#test img')などが働かないように感じます。解決方法を知っている方がいれば教えていただけませんか。
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
|
20
|
+
|
21
|
+
やりたいことの最終目標としては、
|
4
22
|
|
5
23
|
画像にhoverあるいはmouseoverした時にクリックせずに、その画像のsrc要素を取得したいです。どなたか詳しい方いれば、教えてください。お願いします。
|
6
24
|
|
2
add append()
test
CHANGED
File without changes
|
test
CHANGED
@@ -20,19 +20,23 @@
|
|
20
20
|
|
21
21
|
<div id="test">
|
22
22
|
|
23
|
-
<img src="123.jpg">
|
24
|
-
|
25
|
-
<img src="345.jpg">
|
26
|
-
|
27
23
|
</div>
|
28
24
|
|
29
25
|
|
30
26
|
|
31
27
|
<javascript>
|
32
28
|
|
33
|
-
|
29
|
+
$(window).load(function(){
|
34
30
|
|
31
|
+
$('#test').append('<img src="123">');
|
32
|
+
|
33
|
+
});
|
34
|
+
|
35
|
+
|
36
|
+
|
37
|
+
$('#test img').mouseover(function(){
|
38
|
+
|
35
|
-
var src = $(this).
|
39
|
+
var src = $(this).attr('src');
|
36
40
|
|
37
41
|
});
|
38
42
|
|
1
コード化しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -15,6 +15,8 @@
|
|
15
15
|
|
16
16
|
|
17
17
|
###該当のソースコード
|
18
|
+
|
19
|
+
```
|
18
20
|
|
19
21
|
<div id="test">
|
20
22
|
|
@@ -35,3 +37,5 @@
|
|
35
37
|
});
|
36
38
|
|
37
39
|
</javascript>
|
40
|
+
|
41
|
+
```
|