オブジェクト内のキャッシュセレクタ（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

あなたがより良い形でクロージャの使用をした場合は、おそらくほうがよいと思います。

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 2

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

EDIT：の作業例ここhttp://jsfiddle.net/elclanrs/sQdST/

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); 
    } 
}