回答編集履歴

3

lengthプロパティで問題なかったので修正。

2016/02/18 01:20

投稿

yamato_hikawa
yamato_hikawa

スコア2092

test CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
 
14
14
 
15
- var numberOfLists = $li.filter(':last-of-type').index() + 1;
15
+ var numberOfLists = $li.length;
16
16
 
17
17
  //console.log('numberOfLists:', numberOfLists);
18
18
 

2

追記

2016/02/18 01:20

投稿

yamato_hikawa
yamato_hikawa

スコア2092

test CHANGED
@@ -148,7 +148,7 @@
148
148
 
149
149
  for(var i = 0; i < listsInColumn ;i++){
150
150
 
151
- var $target = $content.slice(0, 4), // 1行目から順に抽出
151
+ var $target = $content.slice(0, listsInRow), // 1行目から順に4つずつ抽出
152
152
 
153
153
  maxHeight = maxHeightArray[i];
154
154
 
@@ -156,7 +156,7 @@
156
156
 
157
157
  $target.height(maxHeight);
158
158
 
159
- $content = $content.slice(4); // 高さを適用した行を除外して、ループの最初に戻る
159
+ $content = $content.slice(listsInRow); // 高さを適用した行を除外して、ループの最初に戻る
160
160
 
161
161
  }
162
162
 

1

追記

2016/02/17 07:27

投稿

yamato_hikawa
yamato_hikawa

スコア2092

test CHANGED
@@ -133,3 +133,31 @@
133
133
  setEqualHeight();
134
134
 
135
135
  ```
136
+
137
+
138
+
139
+ 最後の適用をfor文でやるとこんな感じでした。
140
+
141
+ ```javascript
142
+
143
+ // 上記結果を各行に適用
144
+
145
+ var $content = $li;
146
+
147
+
148
+
149
+ for(var i = 0; i < listsInColumn ;i++){
150
+
151
+ var $target = $content.slice(0, 4), // 1行目から順に抽出
152
+
153
+ maxHeight = maxHeightArray[i];
154
+
155
+
156
+
157
+ $target.height(maxHeight);
158
+
159
+ $content = $content.slice(4); // 高さを適用した行を除外して、ループの最初に戻る
160
+
161
+ }
162
+
163
+ ```