<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "  http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="  http://www.w3.org/1999/xhtml">
    <head>
        <script src="lib/jquery/jquery-1.3.2.js">
        </script>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        <script>
            function callme(){
                $('#p1').wrap('<div id="div3" style=" border-color:#FF0000; border-width:5px; border-style:solid;">');
                $('#p2').wrap($('#div2'));
            }
        </script>
    </head>
    <body>
        <p id="p1">
            my is p
        </p>
        <p id="p2">
            my is p
        </p>
        <div id="div1" style="border:2px;">
            我是p1
        </div>
        <div id="div2" style="border-color:#FF0000; border-width:5px; border-style:solid;">
        </div>
        <a id="sohuId"href="http://www.sohu.com">sohu</a>
        <input type="submit" value="username" onclick="callme()"/>
    </body>
</html>
这句代码在FF中无效啊,$('#p2').wrap($('#div2'));IE下有效,
如何在FF也包装一下啊

解决方案 »

  1.   

    $('#p1').wrap(' <div id="div3" style="border-color:#FF0000; border-width:5px; border-style:solid;"></div>');
    $('#p2').wrap($('#div2')[0]);
      

  2.   

    FF
    把<div id="div2" style="border-color:#FF0000; border-width:5px; border-style:solid;">
            </div> 改成<div id="div2" style="border-color:#FF0000; border-width:5px; border-style:solid;"></div>
      

  3.   

    JQuery应该支持的,是你写的有问题
    你把这两行 
    <div id="div2" style="border-color:#FF0000; border-width:5px; border-style:solid;"> 
    </div> 改成一行,中间不要有空格:
    <div id="div2" style="border-color:#FF0000; border-width:5px; border-style:solid;"></div> 
    再试试看