Get ID through Each

by Santosh Thakur

HTML

<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.0.min.js"></script>
<h1>Get ID through Each</h1>
<ul id="myFoo">
  <li id="">Eat</li>
  <li id="">Sleep</li>
  <li id="">Be merry</li>
  <li id="">Eat</li>
  <li id="">Sleep</li>
  <li id="">Be merry</li>
  <li id="">Eat</li>
  <li id="">Sleep</li>
  <li id="">Be merry</li>
  <li id="">Eat</li>
  <li id="">Sleep</li>
  <li id="">Be merry</li>
  <li id="">Eat</li>
  <li id="">Sleep</li>
  <li id="">Be merry</li>
</ul>

JavaScript

$("li").each(function(i) {
  $(this).attr('id', 'myID_' + i).appendTo(this);
  $(this).click(function() {
    alert($(this).text() + "- ID : " + $(this).attr('id'));
  })
});