任意の中間点から始まる要素のオブジェクトを、中間点の前に順番に戻そうとしています。基本的な HTML は次のようになります。
<div id-"units">
<div id="unit1"></div>
<div id="unit2"></div>
<div id="unit3"></div>
<div id="unit4"></div>
</div>
<button id="but1">Button 1</button>
<button id="but2">Button 2</button>
<button id="but3">Button 3</button>
<button id="but4">Button 4</button>
選択したアイテムに基づいてオブジェクトを作成し、関数を使用して残りの要素を (順番に) 含めることができると考えました。
$('#but1, #but2, #but3, #but4').click(function(){
function addMore(limit, count, start){
if(start == count){
return output;
}else if(count > limit){
addMore(limit, 0, start);
}else{
output.add($('#subban'+count));
console.log($('#subban'+count));
count++;
addMore(limit, count, start);
}
}
var clicked = $(this).attr('id').replace('but',''),
limit = $('#units div').length - 1;
output = $('#unit'+clicked),
count = clicked + 1;
addMore(limit, count, clicked);
});
console.log で期待する結果が得られず、完全な出力を返すことができないようです。誰でもアドバイスできますか?