Nested UL Example

by SEOKWOO LEE

HTML

<ul class='nav1'>
  <li><a href="#">1</a></li>
  <li><a href="#">2</a>
    <ul class='nav2'>
      <li><a href="#">3</a></li>
      <li><a href="#">4</a></li>
      <li><a href="#">5</a></li>
      <li><a href="#">6</a></li>
      <li><a href="#">7</a></li>
    </ul>
  </li>
  <li><a href="#">8</a></li>
  <li><a href="#">9</a></li>
  <li><a href="#">10</a></li>
</ul>

CSS

ul li {list-style:circle}
ul li ul li {list-style:none}

JavaScript

$(document).ready(function(){
	alert($('ul li:nth-child(1)').text());
});