Question

我有很多这样的页面结构：

<body>
    <table><tr><td align="center" width="100%">
    --PAGE HTML--
    </td></tr></table>
</body>

我必须在短时间内将页面更改为以下结构：

<body>
    <div style="width: 100%; min-height: 960px; text-align: center;">
    --PAGE HTML--
    </div>
</body>

所以我决定使用jQuery。

这是我的代码。

$(document).ready(function(){
    var PageHtml = $("td:first").html();
    $("table:first").remove();
    console.log(PageHtml);
    $("body").html('<div style="width: 100%; min-height: 960px; text-align: center;">'+PageHtml+'</div>');
});

问题是我没有预期的结果

<body>
    <div style="width: 100%; min-height: 960px; text-align: center;"></div>
</body>

（我在div元素中没有页面html）

现在出于诊断目的，我添加了行console.log(PageHtml);并确实返回了正确的HTML字符串。

我是否有想法让这项工作，任何建议？

感谢您的帮助。

Answer 1

尝试以下方法：

var $div = $("<div />").css({
    'width': '100%',
    'min-height': '960px',
    'text-align': 'center',
    'color': 'red'
});
$div.appendTo('body');
$div.html($("td:first").html());
$("td:first").remove();

Javascript正在丢失可变内容

1 个答案: