求助 JS如何为li添加父级元素

jqueryjshtml

解决方案 »

  1.   

    核心的就这段：var li = $('.main li');for(var i = 0; i < li.length; i += 3){
        li.slice(i, i + 3).wrapAll('<ul class="fenzhu"></ul>');
    }
    <!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('<ul class="fenzhu"></ul>');
        }
    </script>
    </body>
    </html>
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    div.xxx{
    margin:2px;
    background-color:#0F0;
    }
    </style>
    <script type="text/javascript">
    window.onload=function(){
    var tdiv=document.getElementsByTagName('div')[0];
    var ls=tdiv.getElementsByTagName('li');
    var arr=[];
    for(var i=0,len=ls.length;i<len;i++){
    arr.push(ls[i]);
    }
    for(var i=0,len=arr.length;i<len;i+=3){
    var div=document.createElement('div');
    div.className='xxx';
    arr[i]&&div.appendChild(arr[i]);
    arr[i+1]&&div.appendChild(arr[i+1]);
    arr[i+2]&&div.appendChild(arr[i+2]);
    tdiv.appendChild(div);
    }
    }
    </script>
    </head><body>
    <div class="main">
     
    <li> 内容1</li>
    <li> 内容2</li>
    <li> 内容3</li>
    <li> 内容4</li>
    <li> 内容5</li>
    <li> 内容6</li>
    <li> 内容7</li>
    <li> 内容8</li>
    <li> 内容9</li>
    <li> 内容10</li>
    </div>
    </body>
    </html>
      

  3.   

    恕我罗嗦  又有新问题了   假如 有多个 main   又该书写一个怎样的循环呢？
      

  4.   


       
    <div class="main"><li> 内容</li>
    <li> 内容</li>
    <li> 内容</li>
    <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> 内容</li>
    <li> 内容</li>
    ……等若干个li
    <li> 内容</li></div><div class="main"><li> 内容</li>
    <li> 内容</li>
    <li> 内容</li>
    <li> 内容</li>
    <li> 内容</li>
    <li> 内容</li>
    <li> 内容</li>
    <li> 内容</li>
    ……等若干个li
    <li> 内容</li></div><!-- 假如有多个 <div class="main"  > 那么 就会出现li 窜位的 现象    -->怎么for 循环下   请高手赐教