質問編集履歴

4

誤字の訂正

2018/03/03 07:04

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  boxBの値をボタンクリック後、alertで表示させたいのですがうまくいきません。
4
4
 
5
- 以外のコードが下記になります。
5
+ コードが下記になります。
6
6
 
7
7
  教えていただけると助かります。
8
8
 

3

コードの追加

2018/03/03 07:04

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -2,9 +2,7 @@
2
2
 
3
3
  boxBの値をボタンクリック後、alertで表示させたいのですがうまくいきません。
4
4
 
5
-
6
-
7
- (boxBの値をボタンクリック後、alertで表示させる)以外のコードが下記になります。
5
+ 以外のコードが下記になります。
8
6
 
9
7
  教えていただけると助かります。
10
8
 
@@ -82,6 +80,30 @@
82
80
 
83
81
  });
84
82
 
83
+ $(function(){
84
+
85
+ $(".aaa").click(function(){
86
+
87
+ $(".aaa").appendTo("#boxB");
88
+
89
+ });
90
+
91
+ });
92
+
93
+
94
+
95
+ $(function(){
96
+
97
+ $("#button").click(function(){
98
+
99
+ var delivery = $("#boxB");
100
+
101
+ alert(delivery);
102
+
103
+ });
104
+
105
+ });
106
+
85
107
 
86
108
 
87
109
  ```

2

書式の改善

2018/03/03 05:26

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -58,15 +58,7 @@
58
58
 
59
59
  ```
60
60
 
61
-
62
-
63
-
64
-
65
- ```jquery
61
+ ```javascript
66
-
67
-
68
-
69
-
70
62
 
71
63
  $(function(){
72
64
 

1

書式の改善

2018/03/03 04:32

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- jqueryの要素の移動、取得につ
1
+ appendToで移動させた値をalertで表示した
test CHANGED
@@ -1,3 +1,15 @@
1
+ boxAに入っている値をappendToを使いboxBに移動させました。
2
+
3
+ boxBの値をボタンクリック後、alertで表示させたいのですがうまくいきません。
4
+
5
+
6
+
7
+ (boxBの値をボタンクリック後、alertで表示させる)以外のコードが下記になります。
8
+
9
+ 教えていただけると助かります。
10
+
11
+
12
+
1
13
  ```html
2
14
 
3
15
  <!DOCTYPE html>
@@ -54,53 +66,25 @@
54
66
 
55
67
 
56
68
 
57
- var aaa_count = 0;
58
-
59
- var bbb_count = 0;
60
-
61
-
62
-
63
69
 
64
70
 
65
71
  $(function(){
66
72
 
67
73
  $(".aaa").click(function(){
68
74
 
69
- if (aaa_count % 2 == 0){
70
-
71
- $(".aaa").appendTo("#boxA");
72
-
73
- aaa_count++;
74
-
75
- } else if (!(aaa_count % 2 == 0)){
76
-
77
75
  $(".aaa").appendTo("#boxB");
78
-
79
- aaa_count++;
80
-
81
- }
82
76
 
83
77
  });
84
78
 
85
79
  });
86
80
 
81
+
82
+
87
83
  $(function(){
88
84
 
89
85
  $(".bbb").click(function(){
90
86
 
91
- if (bbb_count % 2 == 0){
92
-
93
- $(".bbb").appendTo("#boxA");
94
-
95
- bbb_count++;
96
-
97
- } else if (!(bbb_count % 2 == 0)){
98
-
99
87
  $(".bbb").appendTo("#boxB");
100
-
101
- bbb_count++;
102
-
103
- }
104
88
 
105
89
  });
106
90
 
@@ -112,6 +96,26 @@
112
96
 
113
97
  ```css
114
98
 
99
+ body { text-align: center;
115
100
 
101
+ }
102
+
103
+ #boxA { width: 180px;
104
+
105
+ height: 250px;
106
+
107
+ border: 1px solid black;
108
+
109
+ float: left;
110
+
111
+ }
112
+
113
+ #boxB { width: 180px;
114
+
115
+ height: 250px;
116
+
117
+ border: 1px solid black;
118
+
119
+ float: left;
116
120
 
117
121
  ```