依然是js有关问题，js给li添加父级元素怎么循环下

依然是js问题，js给li添加父级元素如何循环下
代码执行以下代码后应该是会给每3个 <li> 加上父级元素 <div class="fenzu">



<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8"/>

    <title>test</title>

    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>

</head>

<body>

<div class="main">

    <li> 内容</li>

    <li> 内容</li>

    <li> 内容</li>

    <li> 内容</li>

    <li> 内容</li>

    <li> 内容</li>

    <li> 内容</li>

    <li> 内容</li>

    <li> 内容</li>

    <li> 内容</li>

</div>


<script type="text/javascript">

    var li = $('.main li');

 

    for(var i = 0; i < li.length; i += 3){

        li.slice(i, i + 3).wrapAll('<div class="fenzhu"></div>');

    }

</script>

</body>

</html>

但是如果有多个<div class="main"> 的话就会出现每个 mian 里li的数量不对我觉得是因为 var li = $('.main li'); 这句获取的是页面中所有的 li，怎么可以循环下？



<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8"/>

    <title>test</title>

    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>

</head>

<body>

<div class="main">

    <li> 内容</li>

    <li> 内容</li>

    <li> 内容</li>

    <li> 内容</li>

    <li> 内容</li>

……若干个li

    <li> 内容</li>

   

</div>


<div class="main">

    <li> 内容</li>

    <li> 内容</li>

    <li> 内容</li>

    <li> 内容</li>

    <li> 内容</li>

……若干个li

    <li> 内容</li>

   

</div>


<div class="main">

    <li> 内容</li>

    <li> 内容</li>

    <li> 内容</li>

    <li> 内容</li>

    <li> 内容</li>

……若干个li

    <li> 内容</li>

   

</div>


<script type="text/javascript">

    var li = $('.main li');

 

    for(var i = 0; i < li.length; i += 3){

        li.slice(i, i + 3).wrapAll('<div class="fenzhu"></div>');

    }

</script>

</body>

</html>

我试着写了下发现不对
html、中我给 main加了ID id="main1" ,id="main2" id="main3"

  

var mainid = $('.main').length;

for (var x=0;x<mainid;x++){


    var li = $('.main li[x]');   

    for(var i = 0; i < li.length; i += 3){

        li.slice(i, i + 3).wrapAll('<div class="fenzhu"></div>');

    }}

请高手指导下呗小白求助
------解决方案--------------------
首先找到所有的main,然后遍历该main下的li,典型的for套for循环



 $('.main').each(function(index, element) {

	 var li=$(this).find('li');

    for(var i = 0; i < li.length; i += 3){

        li.slice(i, i + 3).wrapAll('<div class="fenzhu"></div>');

    }

});

依然是js有关问题，js给li添加父级元素 怎么循环下

相关推荐

依然是js有关问题，js给li添加父级元素怎么循环下