jQuery eq()

• mango 1
• mango 2
• apple 1
• apple 2
• apple 3
• apple 4
• apple 5

html:

  <ul>
    <li class="mango">mango 1</li>
    <li class="mango">mango 2</li>
    <li class="apple">apple 1</li>
    <li class="apple">apple 2</li>
    <li class="apple">apple 3</li>
    <li class="apple">apple 4</li>
    <li class="apple">apple 5</li>
  </ul>
  

javascript(using jQuery):

    $(function () {
      $('.apple:nth-child(3)').css('color', 'red');
      $('.apple').eq(3).css('color', 'blue');
    });