jQueryプラグイン関数に組み込み値を返させる方法

Question

次のパターンを使用してjqueryプラグインを作成していますが、bar関数が本来の値を返すようにしたいのですが、代わりに$(this)が返されるようです。
コードに問題がありますか？

(function($){ 

    var Foo = function(elements, options){ 
    ... ... 
    } 


    Foo.prototype = { 

     constructor: Foo, 

     bar: function(){ 
      var value = ...   
      // do something here 
      return value; 
     }, 

    } 

    $.fn.foo = function (option, kwargs){ 
     return this.each(function(){ 
      var $this = $(this), 
       data = $this.data('foo'), 
       options = typeof option == 'object' && option 

      if (!data) $this.data('foo', (data = new Foo(this, options))) 
      if (typeof option == 'string') return data[option](kwargs) 
     })    
    } 


})(jQuery) 

Answer 1

いいえ、コードは正しいです。問題は、現在、常にjQueryセレクタ（戻り値this.each）を返すように設定されていることです。代わりに、あなたの関数の結果を返すには、あなたはとても似$.fn.fooのためにあなたの機能を変更することができます：

$.fn.foo = function (option, kwargs){ 
    var retval = null; 

    this.each(function(){ 
     var $this = $(this), 
      data = $this.data('foo'), 
      options = typeof option == 'object' && option 

     if (!data) $this.data('foo', (data = new Foo(this, options))) 
     if (typeof option == 'string') { 
      retval = data[option](kwargs); 
     } 
    }) 

    if (!retval) { 
     retval = this; 
    } 

    return retval; 
} 

Answer 2

外部関数では、return this.each（...）; `を書きました。

this.eachは常に（連鎖のために）呼び出すjQueryオブジェクトを返します。それを渡すコールバックの戻り値は無視されます。

コールバックから値を返す場合は、その値を変数に入れてから、eachを呼び出した後に変数を返します。 （これはeachが非同期ではないため動作します）。
2つの要素を持つjQueryオブジェクトに対してメソッドが呼び出された場合の対処方法を理解する必要があります。 eachコールを完全に取り除きたい場合があります。