jQuery eq selector test

A test of the jQuery eq selector

HTML

<ul class="nav">
  <li>
    <a href="#">Link 1</a>
    <ul>
      <li>
        <a href="#">Link 1.1</a>
      </li>
      <li>
        <a href="#">Link 1.2</a>
      </li>
      <li>
        <a href="#">Link 1.3</a>
      </li>
    </ul>
  </li>
  <li>
    <a href="#">Link 2</a>
    <ul>
      <li>
        <a href="#">Link 2.1</a>
      </li>
      <li>
        <a href="#">Link 2.2</a>
      </li>
      <li>
        <a href="#">Link 2.3</a>
      </li>
    </ul>
  </li>
  <li>
    <a href="#">Link 3</a>
  </li>
  <li>
    <a href="#">Link 4</a>
  </li>
  <li>
    <a href="#">Link 5</a>
  </li>
</ul>

JavaScript

console.log(jQuery.trim($("ul.nav li:eq(3)").text()));
console.log(jQuery.trim($("ul.nav li:eq(6)").text()));
console.log($("ul.nav li a:eq(3)").text());
console.log("a:eq(6) = " + $("ul.nav li a:eq(6)").text());
console.log("a .eq(6) = " + $("ul.nav li a").eq(6).text());