关于jQuery在IE7的兼容问题 求大神解惑
自己用代码写了个小效果，是对一些li的操作。在ie7里没有效果，求解！采纳有额外财富值~<script>$(document).ready(function(){varw...
自己用代码写了个小效果，是对一些li的操作。在ie7里没有效果，求解！采纳有额外财富值~<script> $(document).ready(function(){ var wrapHtml = ''; wrapHtml += '<ul class="sub">'; wrapHtml += '</div>'; $("ul.big li").each(function(){ if( $(this).attr("class")!='erji' && $(this).prev("li").hasClass("erji") ){ $(this).prevAll("li.erji").wrapAll(wrapHtml); } }); $("ul.big>li.erji").wrapAll(wrapHtml); $("ul.sub").each(function(){ $(this).appendTo($(this).prev("li")); }); });</script><ul class="big"> <li>子栏目</li> <li class="erji">二级子栏目</li> <li>子栏目</li> <li class="erji">二级子栏目</li> <li class="erji">二级子栏目</li> <li class="erji">二级子栏目</li> <li>子栏目</li> <li class="erji">二级子栏目</li> <li class="erji">二级子栏目</li> <li>子栏目</li> <li class="erji">二级子栏目</li></ul>
展开
2个回答
展开全部
<html>
<body>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.7.2.js"></script>
<style>
ul.big{width:800px;margin:80px auto;}
ul.big li{line-height:32px;font-size:18px;}
ul.big li.erji{font-size:16px;}
ul.sub{background:#ededed;}
</style>
</head>
<ul class="big">
<li>子栏目</li>
<li class="erji">二级子栏目</li>
<li>子栏目</li>
<li class="erji">二级子栏目</li>
<li class="erji">二级子栏目</li>
<li class="erji">二级子栏目</li>
<li>子栏目</li>
<li class="erji">二级子栏目</li>
<li class="erji">二级子栏目</li>
<li>子栏目</li>
<li class="erji">二级子栏目</li>
</ul>
<script>
$(document).ready(function(){
$("li").each(function(){
var html = '';
if($(this).hasClass('erji')){
html += $(this).html();
$(this).before('<ul class="sub">'+html+'</ul>');
$(this).remove();
}
});
});
//再不行就用javascript写
</script>
</body>
</html>
<body>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.7.2.js"></script>
<style>
ul.big{width:800px;margin:80px auto;}
ul.big li{line-height:32px;font-size:18px;}
ul.big li.erji{font-size:16px;}
ul.sub{background:#ededed;}
</style>
</head>
<ul class="big">
<li>子栏目</li>
<li class="erji">二级子栏目</li>
<li>子栏目</li>
<li class="erji">二级子栏目</li>
<li class="erji">二级子栏目</li>
<li class="erji">二级子栏目</li>
<li>子栏目</li>
<li class="erji">二级子栏目</li>
<li class="erji">二级子栏目</li>
<li>子栏目</li>
<li class="erji">二级子栏目</li>
</ul>
<script>
$(document).ready(function(){
$("li").each(function(){
var html = '';
if($(this).hasClass('erji')){
html += $(this).html();
$(this).before('<ul class="sub">'+html+'</ul>');
$(this).remove();
}
});
});
//再不行就用javascript写
</script>
</body>
</html>
追问
恩恩，看到效果了，首先感谢费心码效果，不过最终要实现的是吧相邻的li.erji包裹在一个ul.sub里面~
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
