jQuery plugin - click handler back to self

by Ben Clayton

HTML

<div class="root" >
  <div class="expand_branch" id="node0">
  click</div>
</div>

JavaScript

$.fn.buildTreeBranch = function(options) {
	    var _self = this;
      _self.n= options.n;
	    var settings = {};
      
			_self.clickhandler = function(e){
      	e.preventDefault()
 				alert("click"+_self.n); 
        _self.render_children(0);
      }
  
	    $('body').on('click', '.expand_branch', _self.clickhandler
	    );
      
			_self.render_children = function(node){
      	$("#node"+node).append("<div class='node' ><div class='expand_branch' id='node"+node+"'>click</div></div>");
 				 
      }

	    return this.each(function() {
	    });
	  };

$('.root').buildTreeBranch({n:1});