|
Сообщение от skillful
|
|
Как средствами 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>