【jQuery】メソッドチェーンを入れ子で作りたい

経験が浅いのでお手柔らかにお願いします。

jQueryプラグインの自作に挑戦して躓いています。

lang
1	(function($) {
2
3		$.fn.hogehoge = function(options){
4
5		}
6
7	})( jQuery );

このように大枠を作ることは出来ました。
しかし、このプラグインの中で使うためのメソッドチェーンの作り方がわかりません。

普通の関数のように並べればいけるかと思って以下のようにやってみたのですが、エラーがでて動きませんでした><

lang
1
2	(function($) {
3
4		$.fn.hogehoge = function(options){
5
6			this.each(function(){
7				this.fugafuga(); ←ここ!!
8			});
9
10		}
11
12
13		$.fn.fugafuga = function(options){
14
15		}
16
17	})( jQuery );

どなたか教えてくださいな><

行動規範の内容に同意します

回答2件

thisが指している先が異なっているためエラーになっています。
this.fugafuga();を実行している箇所のthisはその無名関数を指しているため、無名関数内でfugafugaが定義されておらず、エラーになっていると言うことですね。

下記のように、thisを別の変数に退避させておけば動くかと思います。

lang
1    (function($) {
2
3        $.fn.hogehoge = function(options){
4            // thisを退避
5            var self = this;
6            this.each(function(){
7                // 退避したthisを使用
8                self.fugafuga();
9            });
10
11        }
12
13
14        $.fn.fugafuga = function(options){
15
16        }
17
18    })( jQuery );