yuheijotaki.com

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];