teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

5

訂正

2019/05/11 01:10

投稿

huwatoro
huwatoro

スコア19

title CHANGED
File without changes
body CHANGED
@@ -28,6 +28,6 @@
28
28
  });
29
29
  ```
30
30
  ###目的
31
- この目的としては、最初はPHP
31
+ この目的としては、Ajax
32
32
  ``<button data-name="いろんな値" type="button">空っぽ</button>``
33
33
  というのが出力されるので、この「空っぽ」の部分に「いろんな値」を、JSで挿入したいという感じです。

4

訂正

2019/05/11 01:10

投稿

huwatoro
huwatoro

スコア19

title CHANGED
File without changes
body CHANGED
@@ -10,7 +10,7 @@
10
10
  $(this).html(name);
11
11
  });
12
12
  ```
13
- こうすよね。
13
+ こうして「.onバージョン」がありますよね。
14
14
  ```jquery
15
15
  $(document).on("click", "button", function(){
16
16
  var name = $(this).attr('data-name');
@@ -20,6 +20,7 @@
20
20
 
21
21
  ###「.each」の場合は?
22
22
  ではこれはどうなのでしょうか?
23
+ 「.onバージョン」はないのでしょうか?
23
24
  ```jquery
24
25
  $("button").each( function() {
25
26
  var name = $(this).attr('data-name');

3

mo

2019/05/11 01:04

投稿

huwatoro
huwatoro

スコア19

title CHANGED
File without changes
body CHANGED
@@ -26,6 +26,7 @@
26
26
  $(this).html(name);
27
27
  });
28
28
  ```
29
+ ###目的
29
30
  この目的としては、最初はPHPで
30
31
  ``<button data-name="いろんな値" type="button">空っぽ</button>``
31
32
  というのが出力されるので、この「空っぽ」の部分に「いろんな値」を、JSで挿入したいという感じです。

2

目的

2019/05/11 01:02

投稿

huwatoro
huwatoro

スコア19

title CHANGED
File without changes
body CHANGED
@@ -25,4 +25,7 @@
25
25
  var name = $(this).attr('data-name');
26
26
  $(this).html(name);
27
27
  });
28
- ```
28
+ ```
29
+ この目的としては、最初はPHPで
30
+ ``<button data-name="いろんな値" type="button">空っぽ</button>``
31
+ というのが出力されるので、この「空っぽ」の部分に「いろんな値」を、JSで挿入したいという感じです。

1

code

2019/05/11 01:00

投稿

huwatoro
huwatoro

スコア19

title CHANGED
File without changes
body CHANGED
@@ -6,13 +6,15 @@
6
6
  たとえばこれは
7
7
  ```jquery
8
8
  $(button).click(function(){
9
+ var name = $(this).attr('data-name');
9
- $(this).html("change!");
10
+ $(this).html(name);
10
11
  });
11
12
  ```
12
13
  こうですよね。
13
14
  ```jquery
14
15
  $(document).on("click", "button", function(){
16
+ var name = $(this).attr('data-name');
15
- $(this).html("change!");
17
+ $(this).html(name);
16
18
  });
17
19
  ```
18
20
 
@@ -20,6 +22,7 @@
20
22
  ではこれはどうなのでしょうか?
21
23
  ```jquery
22
24
  $("button").each( function() {
25
+ var name = $(this).attr('data-name');
23
- $(this).html("change!");
26
+ $(this).html(name);
24
27
  });
25
28
  ```