如何用 jquery 或其它方式把 用div 包裹起来，急...

现在有一段HTML 代码，如下：<div>
<dl> 
    <dd>       
      <p>1</p>
      <div>1</div>
    </dd>
</dl>
<dl> 
    <dd>       
      <p>2</p>
      <div>2</div>
    </dd>
</dl>
<dl> 
    <dd>       
      <p>3</p>
      <div>3</div>
    </dd>
</dl>
<dl> 
    <dd>       
      <p>4</p>
      <div>4</div>
    </dd>
</dl>
<dl> 
    <dd>       
      <p>5</p>
      <div>5</div>
    </dd>
</dl>
</div>
然后每两个<dl> 用一个<div>包裹起来，这个如何做啊，执行后的如下：<div>
<div id=dv1>
<dl> 
    <dd>       
      <p>1</p>
      <div>1</div>
    </dd>
</dl>
<dl> 
    <dd>       
      <p>2</p>
      <div>2</div>
    </dd>
</dl>
</div>
<div id=dv2>
<dl> 
    <dd>       
      <p>3</p>
      <div>3</div>
    </dd>
</dl>
<dl> 
    <dd>       
      <p>4</p>
      <div>4</div>
    </dd>
</dl>
</div>
<div id=dv3>
<dl> 
    <dd>       
      <p>5</p>
      <div>5</div>
    </dd>
</dl>
</div>
</div>

解决方案 »

  1.   

          function adddiv() {            for (var i = 0; i < 3; i++) {
                    var adddiv = document.createElement("div");
                    $(adddiv).attr("id", "div" + i.toString());
                    $(adddiv).appendTo($("div:first"));
                    $("dl").eq(0).appendTo($(adddiv));
                    if (i != 2) {
                        $("dl").eq(0).appendTo($(adddiv));
                    }
                    alert($("div:first").html());
                }        }
    这是我对你的要求做的代码 我这边是可以实现的 在页面上加上
    <body>    <input type="button" onclick="adddiv()" value="ext" />
        <div>
            <dl id="sad">
                <dd>
                    <p>
                        1</p>
                    <div>
                        1</div>
                </dd>
            </dl>
            <dl>
                <dd>
                    <p>
                        2</p>
                    <div>
                        2</div>
                </dd>
            </dl>
            <dl>
                <dd>
                    <p>
                        3</p>
                    <div>
                        3</div>
                </dd>
            </dl>
            <dl>
                <dd>
                    <p>
                        4</p>
                    <div>
                        4</div>
                </dd>
            </dl>
            <dl>
                <dd>
                    <p>
                        5</p>
                    <div>
                        5</div>
                </dd>
            </dl>
        </div>
    </body>
      

  2.   

         function adddiv() {            for (var i = 0; i < 3; i++) {
                    var adddiv = document.createElement("div");
                    $(adddiv).attr("id", "div" + (i+1).toString());
                    $(adddiv).appendTo($("div:first"));
                    $("dl").eq(0).appendTo($(adddiv));
                    if (i != 2) {
                        $("dl").eq(0).appendTo($(adddiv));
                    }
                }        } 最終JQUERY代码如下