jquery 每2个li 加一个ul
比如现在是<li></li><li></li><li></li><li></li>想变成<ul><li></li><li></li></ul><ul><li></li><...
比如现在是
<li></li>
<li></li>
<li></li>
<li></li>
想变成
<ul>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
</ul>
如何用jquery实现 展开
<li></li>
<li></li>
<li></li>
<li></li>
想变成
<ul>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
</ul>
如何用jquery实现 展开
展开全部
虽然你已经采纳了一个，但是采纳的那个看着略复杂，给你附加个更简单的吧，为了方便看出效果，我加了点儿样式。效果如下：
代码如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
<script type="text/javascript" src="jquery.min.js"></script>
<style>
.blockline{border-bottom:1px solid #ccc;}
</style>
<script type="text/javascript">
$(function(){
count = $("#test li").length; //获取选中元素个数
var html = "</ul><ul class='blockline'>"
$("#test li").each(function(index,element){ //index从0开始
if(index!=0 && index!=(count-1)){ //非起止位置元素
if(index%2 == 1){
$(this).append(html);
}
}
})
})
</script>
</head>
<body class="easyui-layout">
<ul id='test'>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你这个问题绝对有更简单的办法解决，不过先按你要求给你代码，自己看
<script src="引入jquery" type="text/javascript"></script>
<div id="aa">
<li>111</li>
<li>22</li>
<li>33</li>
<li>44</li>
<li>55</li>
<li>66</li>
<li>77</li>
<li>88</li>
<li>99</li>
</div>
<script type="text/javascript">
$(function(){
var li_len = $("#aa li").length;
var arr = [];
for(var i = 0; i < li_len; i++){
arr[i] = $("#aa li:eq("+i+")").html();
}
$("#aa").html("");
for(var i = 0; i < li_len; i++){
if(i%2==0){
if(i+1 >= li_len){
$("#aa").append('<ul><li>'+arr[i]+'</li></ul>');
}else{
$("#aa").append('<ul><li>'+arr[i]+'</li><li>'+arr[i+1]+'</li></ul>');
}
}else{
}
}
});
</script>
<script src="引入jquery" type="text/javascript"></script>
<div id="aa">
<li>111</li>
<li>22</li>
<li>33</li>
<li>44</li>
<li>55</li>
<li>66</li>
<li>77</li>
<li>88</li>
<li>99</li>
</div>
<script type="text/javascript">
$(function(){
var li_len = $("#aa li").length;
var arr = [];
for(var i = 0; i < li_len; i++){
arr[i] = $("#aa li:eq("+i+")").html();
}
$("#aa").html("");
for(var i = 0; i < li_len; i++){
if(i%2==0){
if(i+1 >= li_len){
$("#aa").append('<ul><li>'+arr[i]+'</li></ul>');
}else{
$("#aa").append('<ul><li>'+arr[i]+'</li><li>'+arr[i+1]+'</li></ul>');
}
}else{
}
}
});
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
html代码：
<ul id="mylist">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
js代码：
$(function(){
$('#mylist>a').each(function(){
if($('#mylist>a').length==0){return false;}
$('#mylist>li:lt(2)').wrapAll('<ul></ul>');
});
});
有屎以来最快的解决办法，这里面用到了几个技巧，有时间好好研究吧，哈哈，我是虾米站长，有问题再交流交流。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
