on() function in for loop

by Akram kamal

HTML

<button> 0 </button>
<button> 1 </button>
<button> 2 </button>
<button> 3 </button>
<button> 4 </button>

<div id="log"></div>

JavaScript

var $buttons = $("button").click(function() {
  var logDiv = $("#log");
  var i = $buttons.index(this);
  var msgs = [
    "button = " + i,
    "text  = " + $(this).text()
  ];
  logDiv.append(msgs.join(", ") + "<br>");
})