teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

修正

2017/12/15 09:11

投稿

yambejp
yambejp

スコア117946

answer CHANGED
@@ -21,18 +21,13 @@
21
21
 
22
22
  ```javascript
23
23
  $(function(){
24
- var maxHeight = 0;
25
- Array.prototype.map.call($('[data-fuga]'),function(x){
24
+ $.unique($('[data-fuga]').map(function(){
26
- return x.getAttribute('data-fuga');
25
+ return $(this).data('fuga');
27
- }).filter(function (x, i, self) {
28
- return self.indexOf(x) === i;
29
- }).map(function(x){
26
+ })).map(function(x,y){
30
- var maxHeight=0;
31
- $('[data-fuga='+x+']').each(function(){
27
+ $('[data-fuga='+y+']').height(Math.max.apply(null,$('[data-fuga='+y+']').map(function(){
32
- if($(this).height() > maxHeight){
33
- maxHeight = $(this).height();
28
+ return $(this).height();
34
- }
35
- }).height(maxHeight);
29
+ })));
36
30
  });
37
31
  });
32
+
38
33
  ```

1

追記

2017/12/15 09:11

投稿

yambejp
yambejp

スコア117946

answer CHANGED
@@ -13,4 +13,26 @@
13
13
  });
14
14
  });
15
15
 
16
+ ```
17
+
18
+ # 追記
19
+ ちょっと汎用性をあげてみました
20
+ data-fugaが同じものの高さをあわせる
21
+
22
+ ```javascript
23
+ $(function(){
24
+ var maxHeight = 0;
25
+ Array.prototype.map.call($('[data-fuga]'),function(x){
26
+ return x.getAttribute('data-fuga');
27
+ }).filter(function (x, i, self) {
28
+ return self.indexOf(x) === i;
29
+ }).map(function(x){
30
+ var maxHeight=0;
31
+ $('[data-fuga='+x+']').each(function(){
32
+ if($(this).height() > maxHeight){
33
+ maxHeight = $(this).height();
34
+ }
35
+ }).height(maxHeight);
36
+ });
37
+ });
16
38
  ```