回答編集履歴

2

ソースの追加

2016/11/14 15:06

投稿

mukkun
mukkun

スコア882

test CHANGED
@@ -29,3 +29,45 @@
29
29
  });
30
30
 
31
31
  ```
32
+
33
+
34
+
35
+ ###さらに追記
36
+
37
+ ```HTML
38
+
39
+ <div id="testWrap">
40
+
41
+ <div id="testWrap1"></div>
42
+
43
+ </div>
44
+
45
+ ```
46
+
47
+
48
+
49
+ ```JavaScript
50
+
51
+ jQuery(document).ready(function() {
52
+
53
+ var count = 2;
54
+
55
+ var $target = $('#testWrap');
56
+
57
+
58
+
59
+ jQuery('#add').on('click', function(e) {
60
+
61
+ $target.append('<div id="testWrap' + count + '"></div>');
62
+
63
+
64
+
65
+ count++;
66
+
67
+ });
68
+
69
+
70
+
71
+ });
72
+
73
+ ```

1

追記

2016/11/14 15:06

投稿

mukkun
mukkun

スコア882

test CHANGED
@@ -1 +1,31 @@
1
1
  .afterを.appendにしてみてはいかがでしょうか。
2
+
3
+
4
+
5
+ ###追記
6
+
7
+ idも連番にしたいのですね。
8
+
9
+ i++でなんとかしようとしているのかはわかりませんが、
10
+
11
+ こだわりがなければグローバル変数を定義してあげて、
12
+
13
+ グローバル変数をインクリメントして上げればよいと思います。
14
+
15
+
16
+
17
+ ```JavaScript
18
+
19
+ var count = 2;
20
+
21
+
22
+
23
+ jQuery('#add').click(function () {
24
+
25
+ jQuery('div#testWrap1').append('<div id="testWrap' + count + '"></div>');
26
+
27
+ count++;
28
+
29
+ });
30
+
31
+ ```