Показать сообщение отдельно
  #1 (permalink)  
Старый 21.09.2014, 17:31
Аспирант
Отправить личное сообщение для skillful Посмотреть профиль Найти все сообщения от skillful
 
Регистрация: 18.09.2012
Сообщений: 55

Изменить список средствами jQuery
Здравствуйте.

Помогите решить проблемку.
Имеется вот такой список на странице:
<ul class="nav" id="abc1">
  <li id="tabsli0">
    <a href="" title="">
      <span>1111</span>
    </a>
  </li>
  <li class="" id="tabsli1">
    <a href="" title="">
      <span>2222</span>
    </a>
  </li>
  <li id="tabsli2">
    <a href="" title="">
      <span>3333</span>
    </a>
  </li>
  <li id="tabsli3">
    <a href="" title="">
      <span>4444</span>
    </a>
  </li>
  <li id="tabsli4">
    <a href="" title="">
      <span>5555</span>
    </a>
  </li>
  <li id="tabsli5">
    <a href="" title="">
      <span>6666</span>
    </a>
  </li>
  <li id="tabsli6">
    <a href="" title="">
      <span>7777</span>
    </a>
  </li>
  <li id="tabsli7">
    <a href="" title="">
      <span>8888</span>
    </a>
  </li>
  <li id="tabsli8">
    <a href="" title="">
      <span>9999</span>
    </a>
  </li>
  <li id="tabsli9">
    <a href="" title="">
      <span>1010</span>
    </a>
  </li>
</ul>


Как средствами jQuery изменить его на вот такой вот список:
<ul class="nav" id="abc1">
  <li id="tabsli0">
    <a href="" title="">
      <span>1111</span>
    </a>
  </li>
  <li class="" id="tabsli1">
    <a href="" title="">
      <span>2222</span>
    </a>
  </li>
  <li id="tabsli2">
    <a href="" title="">
      <span>3333</span>
    </a>
  </li>
  <li id="tabsli3">
    <a href="" title="">
      <span>4444</span>
    </a>
  </li>
  <li id="tabsli4">
    <a href="" title="">
      <span>5555</span>
    </a>
  </li>
  <li id="tabsli5">
    <a href="" title="">
      <span>6666</span>
    </a>
  </li>
  <li id="tabsli6">
    <a href="" title="">
      <span>7777</span>
    </a>
  </li>
  <li>
    <a href="#">+++++</a>
        <ul class="sub">
               <li id="tabsli7">
                  <a href="" title="">
                      <span>8888</span>
                  </a>
                </li>
                <li id="tabsli8">
                   <a href="" title="">
                      <span>9999</span>
                   </a>
                 </li>
                 <li id="tabsli9">
                     <a href="" title="">
                         <span>1010</span>
                     </a>
                  </li>
         </ul>
  </li>
</ul>
Ответить с цитированием