回答編集履歴

1

chousei

2019/09/25 00:51

投稿

yambejp
yambejp

スコア114572

test CHANGED
@@ -3,3 +3,67 @@
3
3
  逆の手順は.kokoの後ろにmoveParentクラスをつけたdivを新たにつくって
4
4
 
5
5
  その中に.moveをappendすることになります
6
+
7
+
8
+
9
+ あとは、文字通り取っておいて戻す
10
+
11
+ ```javascript
12
+
13
+ <script>
14
+
15
+ $(function(){
16
+
17
+ $('section').attr('data-html',function(){return escape($(this).html());});
18
+
19
+ $('#idou').on('click',function(){
20
+
21
+ console.log($('section').prop('outerHTML'));
22
+
23
+ $('.koko').append($('.move'));
24
+
25
+ });
26
+
27
+ $('#modosu').on('click',function(){
28
+
29
+ $('section').html(function(){return unescape($(this).data('html'));});
30
+
31
+ });
32
+
33
+ });
34
+
35
+ </script>
36
+
37
+ <section>
38
+
39
+ test
40
+
41
+ <div class="koko">
42
+
43
+ <p>この下に移動してくる</p>
44
+
45
+ </div>
46
+
47
+ test
48
+
49
+ <div class="moveParent">
50
+
51
+ <ul class="move">
52
+
53
+ <li>移動したい1(元に戻したい)</li>
54
+
55
+ <li>移動したい2(元に戻したい)</li>
56
+
57
+ </ul>
58
+
59
+ </div>
60
+
61
+ test
62
+
63
+ </section>
64
+
65
+ <input type="button" value="移動" id="idou">
66
+
67
+ <input type="button" value="戻す" id="modosu">
68
+
69
+ ```