jquery - オブジェクトのキャッシュセレクター（jquery）

Question

私は問題があります...私は何が間違っているのですか？

以前に変数に保存されたセレクターを使用したい。アイデアは、オブジェクトの関数内でそれを使用することです。

var escribir = {
    obj:$('#cont'),
    algo: function(i) { 
        escribir.obj.html(i++);
        setTimeout('escribir.algo('+i+')',1000);
    }
}

$(document).ready(
    function(){
    escribir.algo(0);
    }
);

....
<div id="cont"></div>

Answer 1

var escribir = {
    obj : $('#cont'),
    algo : function (i) {
           |
           V
        escribir.obj.html(i++);
        setTimeout(function() { escribir.algo(i) }, 1000); // Don't use `eval`
    }
}

編集：ここでの作業例http://jsfiddle.net/elclanrs/sQdST/

Answer 2

より良い形でクロージャーを利用した方が良いでしょう。

jQuery(function ($) {

    var escribir = {
        obj : $('#cont'),
        algo_counter : 0,
        algo : function () {
            escribir.obj.html(escribir.algo_counter++);
            setTimeout(escribir.algo, 1000);
        }
    };

    // optionally:
    // escribir.algo_counter = 10;

    escribir.algo();

}

setTimeoutこの方法では、のevalバージョンを使用していません。

Answer 3

objは escribir のメンバーであるため、次のように変更する必要がありますescribir.obj。

var escribir = {
    obj:$('#cont'),
    algo: function(i) { 
        escribir.obj.html(i++); // without escribir.obj you will get reference error, otherwise you have a variable name obj.
        setTimeout('escribir.algo('+i+')',1000);
    }
}