Turn Table into Ul List 1

by Ian Roberts

HTML

<table>
  <tbody><tr>
      <td align="center" class="home enabled firstNavElement selected" id="top_nav_node_page_node_2000018">
        <a id="nav_id-page_node_2000018" href="/page/show/2000018-home" title="click to go to 'Home'" class="selected">
          Home
        </a>
          <ul class="dropdown">
            <li>
              <a href="http://www.indyfueltank.com/tankpoints" class=" disabled " title="click to go to 'Save Now with Tank Points'">
                Tank Points
                
              </a>
            </li>
          </ul>
      </td>
      <td align="center" class="enabled" id="top_nav_node_page_node_2035560">
        <a id="nav_id-page_node_2035560" href="http://www.indyfueltank.com/publicskating" title="click to go to 'Join us for Public Skating'">
          Public Skating
        </a>
      </td>
      <td align="center" class="enabled" id="top_nav_node_page_node_2035561">
        <a id="nav_id-page_node_2035561" href="http://www.indyfueltank.com/learntoskate" title="click to go to 'Learn to Skate at the Fuel Tank'">
          Learn to Skate
        </a>
      </td>
      <td align="center" class="enabled" id="top_nav_node_page_node_2071886">
        <a id="nav_id-page_node_2071886" href="http://www.indyfueltank.com/figureskating" title="click to go to 'Figure Skating'">
          Figure Skating
        </a>
      </td>
      <td align="center" class="enabled" id="top_nav_node_page_node_2071885">
        <a id="nav_id-page_node_2071885" href="http://www.indyfueltank.com/hockey" title="click to go to 'Hockey Programs'">
          Hockey
        </a>
      </td>
      <td align="center" class="enabled" id="top_nav_node_page_node_2236385">
        <a id="nav_id-page_node_2236385" href="http://www.indyfueltank.com/fuelfitness" title="click to go to 'Fuel Fitness'">
          Fuel Fitness
        </a>
      </td>
      <td align="center" class="enabled" id="top_nav_node_page_node_2071898">
        <a id="nav_id-page_node_2071898"...

JavaScript

$(document).ready(function() {
    var ul = $("<ul>");
    $("table tr").each(function(){
        var li = $("<li>")
        $("th, td", this).each(function(){
            var li = $("<li>").html(this.innerHTML);
            ul.append(li);
        });
        ul.append(li);
    })    
    $("table").replaceWith(ul);    
});