Изменить список средствами 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> |
skillful, средствами html это делается, а не jquery.
|
Цитата:
<!DOCTYPE html> <html> <head> <script src='http://code.jquery.com/jquery-latest.js'></script> <!-- <link rel='stylesheet type=text/css href=tmp.css' /> --> <style type='text/css'> </style> <script type='text/javascript'> $(function (){ var oli=$('#abc1 > li'); $('#abc1').append('<li></li>'); var o=$('#abc1 > li:last'); o.append('<a href="#">+++++</a>') o.append('<ul class="sub"></ul>'); o=$('#abc1 > li:last > ul'); for (var i=1; i<4; i++) { o.append(oli.eq(oli.length-i)); }; }); </script> </head> <body> <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> </body> </html> </html> |
Цитата:
1010 9999 8888 а нужно: 8888 9999 1010 Что в этом коде подправить надо? |
Цитата:
o.prepend(oli.eq(oli.length-i)); ksa, Еще раз спасибо большое!!!! |
Цитата:
|
Часовой пояс GMT +3, время: 07:36. |