質問編集履歴
1
試したことを追記しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -44,7 +44,44 @@
|
|
|
44
44
|
</div>
|
|
45
45
|
```
|
|
46
46
|
### 試したこと
|
|
47
|
+
```javascript
|
|
48
|
+
$(function(){
|
|
49
|
+
//divとulそれぞれにidを追加
|
|
50
|
+
$('.group_name , .list').each(function(i){
|
|
51
|
+
$(this).attr('id','child' + (i+1));
|
|
52
|
+
});
|
|
53
|
+
//id指定で要素をつつみこむ（ここ、規則性あるけど別の書き方はできないのでしょうか？）
|
|
54
|
+
$("#child1,#child2").wrapAll('<div id="group1" />');
|
|
55
|
+
$("#child3,#child4").wrapAll('<div id="group2" />');
|
|
56
|
+
・・・
|
|
57
|
+
});
|
|
58
|
+
```
|
|
59
|
+
↓実行結果
|
|
47
60
|
|
|
61
|
+
```HTML
|
|
62
|
+
<div>
|
|
63
|
+
<div class="group1">
|
|
64
|
+
<div class="group_name" id="child1">グループ1</div>
|
|
65
|
+
<ul class="list" id="child2">
|
|
66
|
+
<li>リスト１</li>
|
|
67
|
+
<li>リスト２</li>
|
|
68
|
+
</ul>
|
|
69
|
+
</div>
|
|
70
|
+
<div class="group2">
|
|
71
|
+
<div class="group_name" id="child3">グループ2</div>
|
|
72
|
+
<ul class="list" id="child4">
|
|
73
|
+
<li>リスト１</li>
|
|
74
|
+
<li>リスト２</li>
|
|
75
|
+
</ul>
|
|
76
|
+
</div>
|
|
77
|
+
（上記を繰り返し）
|
|
78
|
+
</div>
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
上記の方法で一応形にはなるのですが、
|
|
82
|
+
|
|
48
|
-
wrapAll()
|
|
83
|
+
・wrapAll()の部分は規則性があるのに手打ち（別の書き方はないのか？）
|
|
49
|
-
も
|
|
84
|
+
・そもそも子要素１つ１つにidを与えなくてもいい書き方はないのか？
|
|
85
|
+
|
|
50
|
-
よ
|
|
86
|
+
以上のような疑問を抱いています。
|
|
87
|
+
不慣れなもので拙い部分もあるかと思いますが、ご回答いただけると嬉しいです！
|