jQuery .on event handler and ES2015 arrow function
<p>I'm converting a project of mine to use ES2015, but I've run into a problem when it comes to jQuery's .on event handler, to do with the 'this' keyword naturally..</p>

<p>Here is my example code:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$(".actionBtns").on('click', '.editButton', this.handlerEditBtnClick) //Would give 'this' the value of the button clicked
$(".actionBtns").on('click', '.editButton', () =&gt; {this.handlerEditBtnClick()}) //Would give 'this' the value of the class</code></pre>
</div>
</div>
</p>

<p>I'm not sure the way I'm supposed to re-write the first line in the code above to use ES2015.</p>

<p>In the function handlerEditBtnClick, I need 'this' to be the class, but I also want access to the button that was clicked.</p>

<p>My attempt (the second line in the code above), doesn't give me access to the button DOM element that was clicked - at least in no way that I can think of accessing it.</p>

<p>Thanks,</p>

<p>Luke</p>

<p><strong>Edit</strong>
This is the handlerEditBtnClick() function:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>handlerEditBtnClicked() {
  var $item = $(this); //This isn't re-written yet, so 'this' actually refers to the edit button that was clicked
  this.editItem($item); //This is where I need 'this' to be the class
}</code></pre>
</div>
</div>
</p>

<p>You can see where I need 'this' to be two different things.. I'm not entirely sure how to call the editItem function from within handlerEditBtnClick other than this.editItem();</p>

<p><em>Please note the names are just generic names, for ease of typing</em></p>