yuheijotaki.com

2016/02/21 : 
JS 配列 ループ

最近使ったもの その1

// 各リストの width を足す
var array = [];
for(var i = 0; i < $('.list li').length; i++){
	array.push( $('.list li').eq(i).width() );
}
var list_width = 0;
for(var j = 0; j < array.length; j++){
	list_width += array[j];
}
$('.list').css({'width':list_width + 'px'});



// 各リストの横幅を配列に格納
var array = [];
for(var i = 0; i < $('.list li').length; i++){
	var width = $('.list li').eq(i).width();
	array.push( width );
}

// 配列の最初に 0 を格納
array.unshift(0);

// 配列を逆順に
array.reverse();

// cssで横幅を取得し'px'を削除し文字列から整数に
var css_top = $('.hoge').css('top');
var top = parseInt(css_top.replace('-','').replace('px',''));

// 配列に格納された値と比較して条件にマッチしたらループを止め、その値を習得
for(var i = 0; i < $('.list li').length; i++){
	if (array[i] > top) {
		break;
	}
};
var current = array[i];