回答編集履歴
2
対応表を用意する
test
CHANGED
@@ -82,10 +82,6 @@
|
|
82
82
|
|
83
83
|
確認の為にjQueryオブジェクト(`jqueryObject`)からHTML文字列(`htmlString`)に変換していますが、jQueryオブジェクトのままの状態で `.append()` すると良いと思います。
|
84
84
|
|
85
|
-
肝はtemplate要素ではなく、`timeTable[i][5]` とdiv要素ノードのインデックス値(`0`)の対応表を用意する事です。
|
86
|
-
|
87
|
-
つまり、`new Map` の代わりに二次元配列を使用しても構いませんし、 同じ index 値の値同士が対応するように`timeTable` の要素の順番を入れ替えても構いません。
|
88
|
-
|
89
85
|
|
90
86
|
|
91
87
|
```HTML
|
@@ -128,4 +124,22 @@
|
|
128
124
|
|
129
125
|
|
130
126
|
|
127
|
+
### 対応表を用意する
|
128
|
+
|
129
|
+
|
130
|
+
|
131
|
+
template要素のコードの肝は、**「timeTable[i][5]」と「div要素ノードの index 値(0)」の対応表**を用意する事にあります。
|
132
|
+
|
133
|
+
他にも下記の方法が考えられます。
|
134
|
+
|
135
|
+
|
136
|
+
|
137
|
+
- `new Map` の代わりに二次元配列に対応表を格納する
|
138
|
+
|
139
|
+
- 同じ index 値の値同士が対応するように変数 `timeTable` の要素の順番を入れ替える
|
140
|
+
|
141
|
+
- 「div要素が持つclass属性値」と「変数 `timeTable` の index 値」の対応表を用意する
|
142
|
+
|
143
|
+
|
144
|
+
|
131
145
|
Re: cloudspider さん
|
1
template要素の補足説明
test
CHANGED
@@ -80,6 +80,14 @@
|
|
80
80
|
|
81
81
|
|
82
82
|
|
83
|
+
確認の為にjQueryオブジェクト(`jqueryObject`)からHTML文字列(`htmlString`)に変換していますが、jQueryオブジェクトのままの状態で `.append()` すると良いと思います。
|
84
|
+
|
85
|
+
肝はtemplate要素ではなく、`timeTable[i][5]` とdiv要素ノードのインデックス値(`0`)の対応表を用意する事です。
|
86
|
+
|
87
|
+
つまり、`new Map` の代わりに二次元配列を使用しても構いませんし、 同じ index 値の値同士が対応するように`timeTable` の要素の順番を入れ替えても構いません。
|
88
|
+
|
89
|
+
|
90
|
+
|
83
91
|
```HTML
|
84
92
|
|
85
93
|
<template id="sample"><div class="lessonTitle"></div><div class="lessonTeacher"></div><div class="lessonClassroom"></div><div class="lessonSyllabus" style="display:none;"></div><div class="lessonCode" style="display:none;"></div><div class="lessonCol" style="display:none;"></div><div class="lessonRow" style="display:none;"></div><div class="lessonTerm" style="display:none;"></div></template>
|