JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>
<button>
Which have you clicked on?
</button>

JavaScript

var listItem = {

	elementHandle: $('li'),
  instanceClicked: '',
  bindEventHandlers: function(){
  
  	$(this.elementHandle).click(this.alertTheContent);

  },
  
  alertTheContent: function(){
  	this.instanceClicked = $(this);
    alert(this.instanceClicked.html());
  
  }

}

var button = {

	elementHandle: $('button'),
  bindEventHandlers: function(){
  
  	$(this.elementHandle).click(this.showListItemClicked);

  },
  
  showListItemClicked: function(){

    	console.log(listItem.instanceClicked);
  
  }

}

listItem.bindEventHandlers();
button.bindEventHandlers();