2048
登录
没  有  难  学  的  前  端
登 录
×
<返回上一级

求助:jquery的wrap()在IE中正常显示,firefox和chrome不正常

firefoxchromejquerywrap作者:猿2048志愿者
 <table>
    <tbody id="testbox">
    <tr>
        <td>测试标题1</td>
        <td><a class="test" href="./">修改</a></td>
    </tr>
    <tr>
        <td>测试标题2</td>
        <td><a class="test" href="./">修改</a></td>
    </tr>
    </tbody>
</table>

我要用form标签将点击“修改”的那个tr包裹起来

$(document).ready (function () {
    $('#testbox .test').click(function () {
        $parent = $(this).parent().parent();
        $parent.wrap('<form></form>');
        return false;
    });
});

以上代码在IE中显示正常,chrome中,直接被压缩到一起,firefox下点击后相应的行直接消失了!我试了对div,span,ul那些的包裹都正常显示,只有对table会出现这样的情况!jquery版本也换过,试了还是这个样子
请大神指教!

评论
点击刷新
评论
被采纳
猿2048志愿者
猿2048志愿者 :

form就不是table合法元素,不同浏览器你硬插入解析肯定不一样了。改下你的结构,一行易搭配一个table,包裹table起来

2018-09-20 20:54:57
×添加代码片段