jQuery .size（）question

Question

「Divを追加」ボタンをクリックすると、番号が増えないのはなぜですか？

http://jsfiddle.net/cN2zR/

Answer 1

http://jsfiddle.net/cN2zR/3/それは今:)

はダを作るんそれは各追加を実行することができます。

var d = function(){ 
    return '<div class="historyItem">Test ' + ($("#history > div").size() + 1) + '</div>'; 
} 

また、スクロールリンクに問題があります。コンテナの一番下までスクロールする簡単なテクニックは、次のものを使用しています。.scrollTop([arbitrary high number])

Answer 2

size()値がdに割り当てられている場合、一度評価されています。毎回評価のために関数内で代入を移動する必要があります。

それとも、あなたはそれが外にそれを維持したいならば、あなたは機能にそれを行うことができます。

var d = function() { return '<div class="historyItem">Test ' + ($("#history > div").size() + 1) + '</div>'; } 

その後、

$('#history').append(d()); 

Answer 3

jquery結果のサイズは、使用するたびにインラインで計算されるため、 代わりに、dをHTML文字列を返す関数に変更し、参照するたびに計算されたサイズを取得できるように使用することができます。

d = function(){ 
    return '<div class="historyItem">Test ' + ($("#history > div").size() + 1) + '</div>'; 
} 

$('#b').click(function() { 
    //console.time("timing Time"); 
    $('#history').append(d()); 
    //console.timeEnd("timing Time"); 
    $('#history').scrollTo('max'); 
}); 

チェックこのポスト：http://jsfiddle.net/cN2zR/7/