teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問動的に生成したDOM要素に対してjQuery の「.each」は使えますか？

編集履歴

質問編集履歴

5

訂正

2019/05/11 01:10

投稿

huwatoro
huwatoro

スコア19

test CHANGED
File without changes
test CHANGED
@@ -58,7 +58,7 @@
58
58
 
59
59
  ###目的
60
60
 
61
- この目的としては、最初はPHPで
61
+ この目的としては、Ajaxで
62
62
 
63
63
  ``<button data-name="いろんな値" type="button">空っぽ</button>``
64
64
 

4

訂正

2019/05/11 01:10

投稿

huwatoro
huwatoro

スコア19

test CHANGED
File without changes
test CHANGED
@@ -22,7 +22,7 @@
22
22
 
23
23
  ```
24
24
 
25
- こうですよね。
25
+ こうして「.onバージョン」がありますよね。
26
26
 
27
27
  ```jquery
28
28
 
@@ -41,6 +41,8 @@
41
41
  ###「.each」の場合は？
42
42
 
43
43
  ではこれはどうなのでしょうか？
44
+
45
+ 「.onバージョン」はないのでしょうか？
44
46
 
45
47
  ```jquery
46
48
 

3

mo

2019/05/11 01:04

投稿

huwatoro
huwatoro

スコア19

test CHANGED
File without changes
test CHANGED
@@ -54,6 +54,8 @@
54
54
 
55
55
  ```
56
56
 
57
+ ###目的
58
+
57
59
  この目的としては、最初はPHPで
58
60
 
59
61
  ``<button data-name="いろんな値" type="button">空っぽ</button>``

2

目的

2019/05/11 01:02

投稿

huwatoro
huwatoro

スコア19

test CHANGED
File without changes
test CHANGED
@@ -53,3 +53,9 @@
53
53
  });
54
54
 
55
55
  ```
56
+
57
+ この目的としては、最初はPHPで
58
+
59
+ ``<button data-name="いろんな値" type="button">空っぽ</button>``
60
+
61
+ というのが出力されるので、この「空っぽ」の部分に「いろんな値」を、JSで挿入したいという感じです。

1

code

2019/05/11 01:00

投稿

huwatoro
huwatoro

スコア19

test CHANGED
File without changes
test CHANGED
@@ -14,7 +14,9 @@
14
14
 
15
15
  $(button).click(function(){
16
16
 
17
+ var name = $(this).attr('data-name');
18
+
17
- $(this).html("change!");
19
+ $(this).html(name);
18
20
 
19
21
  });
20
22
 
@@ -26,7 +28,9 @@
26
28
 
27
29
  $(document).on("click", "button", function(){
28
30
 
31
+ var name = $(this).attr('data-name');
32
+
29
- $(this).html("change!");
33
+ $(this).html(name);
30
34
 
31
35
  });
32
36
 
@@ -42,7 +46,9 @@
42
46
 
43
47
  $("button").each( function() {
44
48
 
49
+ var name = $(this).attr('data-name');
50
+
45
- $(this).html("change!");
51
+ $(this).html(name);
46
52
 
47
53
  });
48
54