JS怎么为li添加父级元素-JavaSript-爱易网页

JS怎么为li添加父级元素

日期：2014-05-16　浏览次数：20375 次

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

   

<div class="main">



<li> 内容</li>

<li> 内容</li>

<li> 内容</li>

<li> 内容</li>

<li> 内容</li>

<li> 内容</li>

<li> 内容</li>

<li> 内容</li>

……等若干个li

<li> 内容</li>



</div>

如何用js 把每3个li 进行选取并添加父级元素目标效果如下

   

<div class="main">

      <div class="fenzhu">

           <li> 内容</li>

            <li> 内容</li>

            <li> 内容</li>

        </div>



     <div class="fenzhu">

           <li> 内容</li>

            <li> 内容</li>

            <li> 内容</li>

        </div>





       <div class="fenzhu">

           <li> 内容</li>

            <li> 内容</li>

            <li> 内容</li>

        </div>



     <div class="fenzhu">   <!-- 最后不足三个也分为一组-->

           <li> 内容</li>

            <li> 内容</li>

         

        </div>





</div>

如果哪位高手不嫌累的话最后能给我把 js 和jquery 的语法都写一下谢谢！

------解决方案--------------------
核心的就这段：



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>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

JS怎么为li添加父级元素

相关资料更多>

推荐阅读更多>