jqueryで高さを揃えたいですが

jquery
1$(function(){
2		 var maxHeight = 0;
3		  var this_1=0;
4		  var this_2=0;
5		  var this_3=0;
6
7		   $(".js_height_control").each(function(k){
8                                                 if(k%3 == 0){
9													    var val_1 = $(this).height();
10														this_1 = $(this);
11													if (val_1 > maxHeight) { maxHeight = val_1 }
12												}
13												 
14												 if(k%3 == 1){
15													    var val_2 = $(this).height();
16														 this_2 = $(this);
17													if (val_2 > maxHeight) { maxHeight = val_2 }
18												 }
19												 
20												 if(k%3 == 2){
21													    var val_3 = $(this).height();
22														 this_3 = $(this);
23													if (val_3 > maxHeight) { maxHeight = val_3 }
24													this_1.height(maxHeight);
25													this_2.height(maxHeight);
26													this_3.height(maxHeight);
27													maxHeight = 0;
28				
29				 }

.js_height_controlの高さを揃えたいです。
3個ことに高さを揃えるようにJsを組みました。
問題は2個になると（val_3まで行かないと）揃えない仕組みなので
どこかにifを入れて
this_1.height(maxHeight);
this_2.height(maxHeight);
maxHeight = 0;
を実行したいですが
この場合ifの条件は何を入れればよいでしょうか？
なんでもいいのでヒントをお願いします。。

行動規範の内容に同意します

回答2件

やり方は色々ありますが、とりあえずmaxHeightを取得するのとオブジェクトに高さを設定するのをわけて行ったら楽でしょう。

javascript
1$(".js_height_control").each(function(k){
2//maxHeightを取得する処理
3}
4
5//各要素に高さを設定する処理
6this_1.height(maxHeight);
7this_2.height(maxHeight);
8this_3.height(maxHeight);
9maxHeight = 0;

もっと言うと、せっかくeachを使っているのだから、this_1とかthis_2とか不要です。全てeachで処理しましょう。

//各要素に高さを設定する処理
$(".js_height_control").each(function(k, obj){
    obj.height(maxHeight);
}

投稿2016/12/26 06:30

編集2016/12/26 06:32

hitsujimeeee

総合スコア486

rainbowsix

2016/12/26 07:08

返答ありがとうございます！参考になります。

行動規範の内容に同意します

自己解決

強引ですがこれで何とかなりました。

jquery
1$(function(){
2		 var maxHeight = 0;
3		  var this_1=0;
4		  var this_2=0;
5		  var this_3=0;
6
7		   $(".js_height_control").each(function(k, obj){
8												 
9												 if(k%3 == 0){
10													    var val_1 = $(this).height();
11														 this_1 = $(this);
12													if (val_1 > maxHeight) { maxHeight = val_1 }
13												
14													
15													 
16												 }
17												 
18												 if(k%3 == 1){
19													    var val_2 = $(this).height();
20														 this_2 = $(this);
21													if (val_2 > maxHeight) { maxHeight = val_2 }
22													this_1.height(maxHeight);
23													this_2.height(maxHeight);
24													
25												 }
26												 
27												 if(k%3 == 2){
28													    var val_3 = $(this).height();
29														 this_3 = $(this);
30													if (val_3 > maxHeight) { maxHeight = val_3 }
31													this_1.height(maxHeight);
32													this_2.height(maxHeight);
33													this_3.height(maxHeight);
34													maxHeight = 0;
35												 }									 
36												  });
37