質問編集履歴
2
コード修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
###経緯
|
|
7
7
|
HTMLで２世代以上の入れ子が作れず、JavaScriptで親子関係とスライダーを実装してします。
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
仕組みは、先祖番号を連結した疑似的な入れ子によって親子関係とし、親の「open」クリック後にその子がスライダー表示される。というものです。
|
|
10
10
|
|
|
11
|
-
Sample：[https://jsfiddle.net/
|
|
11
|
+
Sample：[https://jsfiddle.net/nd6jser0/](https://jsfiddle.net/nd6jser0/)
|
|
12
12
|
|
|
13
13
|
ところがこの親子の数が増えると、上記のSampleの``var parent_nums = getParentNums(parent);``の部分で「too much recursion」のエラーとなってしまいます。
|
|
14
14
|
|
|
@@ -18,20 +18,18 @@
|
|
|
18
18
|
こちらが上記のSampleコードです。
|
|
19
19
|
|
|
20
20
|
空の``ancestor=""``に先祖番号が連結され、子がいる場合にのみ「open」ボタンが表示される仕組みです。
|
|
21
|
-
|
|
22
|
-
エラーの箇所はJavaScriptの8行目です。
|
|
23
21
|
```html
|
|
24
22
|
<div class="alllists">
|
|
25
23
|
<ul>
|
|
26
24
|
|
|
27
25
|
<li>
|
|
28
26
|
<div id="post-7" class="list" parent="0" ancestor="">X家
|
|
29
|
-
<span class="my_post_num">
|
|
27
|
+
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
30
28
|
</div>
|
|
31
29
|
<ul class="childrens">
|
|
32
30
|
<li>
|
|
33
31
|
<div id="post-39" class="list" parent="7" ancestor="">A
|
|
34
|
-
<span class="my_post_num">
|
|
32
|
+
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
35
33
|
</div>
|
|
36
34
|
</li>
|
|
37
35
|
</ul>
|
|
@@ -39,32 +37,32 @@
|
|
|
39
37
|
|
|
40
38
|
<li>
|
|
41
39
|
<div id="post-157" class="list" parent="0" ancestor="">Y家
|
|
42
|
-
<span class="my_post_num">
|
|
40
|
+
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
43
41
|
</div>
|
|
44
42
|
<ul class="childrens">
|
|
45
43
|
<li>
|
|
46
44
|
<div id="post-200" class="list" parent="157" ancestor="">B
|
|
47
|
-
<span class="my_post_num">
|
|
45
|
+
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
48
46
|
</div>
|
|
49
47
|
</li>
|
|
50
48
|
<li>
|
|
51
49
|
<div id="post-354" class="list" parent="157" ancestor="">C
|
|
52
|
-
<span class="my_post_num">
|
|
50
|
+
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
53
51
|
</div>
|
|
54
52
|
</li>
|
|
55
53
|
<li>
|
|
56
54
|
<div id="post-365" class="list" parent="354" ancestor="">D(Cの子)
|
|
57
|
-
<span class="my_post_num">
|
|
55
|
+
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
58
56
|
</div>
|
|
59
57
|
</li>
|
|
60
58
|
<li>
|
|
61
59
|
<div id="post-503" class="list" parent="365" ancestor="">E(Dの子)
|
|
62
|
-
<span class="my_post_num">
|
|
60
|
+
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
63
61
|
</div>
|
|
64
62
|
</li>
|
|
65
63
|
<li>
|
|
66
64
|
<div id="post-514" class="list" parent="503" ancestor="">F(Eの子)
|
|
67
|
-
<span class="my_post_num">
|
|
65
|
+
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
68
66
|
</div>
|
|
69
67
|
</li>
|
|
70
68
|
</ul>
|
|
@@ -72,13 +70,14 @@
|
|
|
72
70
|
|
|
73
71
|
<li>
|
|
74
72
|
<div id="post-705" class="list" parent="0" ancestor="">Z家
|
|
75
|
-
<span class="my_post_num">
|
|
73
|
+
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
76
74
|
</div>
|
|
77
75
|
</li>
|
|
78
76
|
|
|
79
77
|
</ul>
|
|
80
78
|
</div>
|
|
81
79
|
```
|
|
80
|
+
エラーの箇所はJavaScriptの8行目です。
|
|
82
81
|
```javascript
|
|
83
82
|
//➀先祖番号の連結
|
|
84
83
|
function getParentNums(list) {
|
1
コード修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
具体的には、先祖番号を連結した疑似的な入れ子によって親子関係とし、親の「open」クリック後にその子が表示される。というものです。
|
|
10
10
|
|
|
11
|
-
Sample：[https://jsfiddle.net/
|
|
11
|
+
Sample：[https://jsfiddle.net/he6pLufa/](https://jsfiddle.net/he6pLufa/)
|
|
12
12
|
|
|
13
13
|
ところがこの親子の数が増えると、上記のSampleの``var parent_nums = getParentNums(parent);``の部分で「too much recursion」のエラーとなってしまいます。
|
|
14
14
|
|
|
@@ -31,63 +31,48 @@
|
|
|
31
31
|
<ul class="childrens">
|
|
32
32
|
<li>
|
|
33
33
|
<div id="post-39" class="list" parent="7" ancestor="">A
|
|
34
|
-
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
34
|
+
<span class="my_post_num">4</span><span class="my_ancestor_num"></span>
|
|
35
35
|
</div>
|
|
36
36
|
</li>
|
|
37
|
-
<li>
|
|
38
|
-
<div id="post-590" class="list" parent="7" ancestor="">H
|
|
39
|
-
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
40
|
-
</div>
|
|
41
|
-
</li>
|
|
42
37
|
</ul>
|
|
43
38
|
</li>
|
|
44
39
|
|
|
45
40
|
<li>
|
|
46
41
|
<div id="post-157" class="list" parent="0" ancestor="">Y家
|
|
47
|
-
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
42
|
+
<span class="my_post_num">4</span><span class="my_ancestor_num"></span>
|
|
48
43
|
</div>
|
|
49
44
|
<ul class="childrens">
|
|
50
45
|
<li>
|
|
51
46
|
<div id="post-200" class="list" parent="157" ancestor="">B
|
|
52
|
-
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
47
|
+
<span class="my_post_num">4</span><span class="my_ancestor_num"></span>
|
|
53
48
|
</div>
|
|
54
49
|
</li>
|
|
55
50
|
<li>
|
|
56
51
|
<div id="post-354" class="list" parent="157" ancestor="">C
|
|
57
|
-
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
52
|
+
<span class="my_post_num">4</span><span class="my_ancestor_num"></span>
|
|
58
53
|
</div>
|
|
59
54
|
</li>
|
|
60
55
|
<li>
|
|
61
56
|
<div id="post-365" class="list" parent="354" ancestor="">D(Cの子)
|
|
62
|
-
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
57
|
+
<span class="my_post_num">4</span><span class="my_ancestor_num"></span>
|
|
63
58
|
</div>
|
|
64
|
-
</li>
|
|
59
|
+
</li>
|
|
65
60
|
<li>
|
|
66
|
-
<div id="post-651" class="list" parent="354" ancestor="">I(Cの子)
|
|
67
|
-
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
68
|
-
</div>
|
|
69
|
-
</li>
|
|
70
|
-
<li>
|
|
71
61
|
<div id="post-503" class="list" parent="365" ancestor="">E(Dの子)
|
|
72
|
-
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
62
|
+
<span class="my_post_num">4</span><span class="my_ancestor_num"></span>
|
|
73
63
|
</div>
|
|
74
64
|
</li>
|
|
75
65
|
<li>
|
|
76
66
|
<div id="post-514" class="list" parent="503" ancestor="">F(Eの子)
|
|
77
|
-
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
67
|
+
<span class="my_post_num">4</span><span class="my_ancestor_num"></span>
|
|
78
68
|
</div>
|
|
79
|
-
</li>
|
|
69
|
+
</li>
|
|
80
|
-
<li>
|
|
81
|
-
<div id="post-518" class="list" parent="503" ancestor="">F(Eの子)
|
|
82
|
-
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
83
|
-
</div>
|
|
84
|
-
</li>
|
|
85
70
|
</ul>
|
|
86
71
|
</li>
|
|
87
72
|
|
|
88
73
|
<li>
|
|
89
74
|
<div id="post-705" class="list" parent="0" ancestor="">Z家
|
|
90
|
-
<span class="my_post_num"></span><span class="my_ancestor_num"></span>
|
|
75
|
+
<span class="my_post_num">4</span><span class="my_ancestor_num"></span>
|
|
91
76
|
</div>
|
|
92
77
|
</li>
|
|
93
78
|
|