我有很多页面结构如下:
<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 字符串。
我没有办法让这项工作成功,有什么建议吗?
感谢您的帮助。
最佳答案
尝试以下操作:
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 正在丢失变量内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24023984/