如何将表格单元格中的文本替换为长度完全相同的文本
How would you replace text within a table cell with the text the exact same length?
我需要在<table>
单元格中替换日期和短语,而不使用固定宽度。
<table>
<thead>
<tr><th>Date</th></tr>
</thead>
<tbody>
<tr><td id='changethis'>Wed Dec 21 2011</td></tr>
</tbody>
</table>
var hold = $('#changethis').text();
setInterval(function () {
if ($('#changethis').hasClass("highlight")) {
$('#changethis').text(hold);
$('#changethis').removeClass("highlight");
}
else {
$('#changethis').text(" E R R O R ");
$('#changethis').addClass("highlight");
}
},1000);
问题是,每当文本交替出现时,表格都会重新格式化列的宽度。是否可以计算渲染文本的宽度并相应地调整交替文本??JSbin此处
您可以尝试将宽度添加到元素
$('#changethis').width($('#changethis').width());
http://jsbin.com/ozunan/3/edit
计算渲染文本宽度:
$.fn.textWidth = function(){
var sensor = $('<div />').css({margin: 0, padding: 0});
$(this).append(sensor);
var width = sensor.width();
sensor.remove();
return width;
};
你可以完成剩下的
相关文章:
- 鼠标悬停文本将替换整个页面
- 如何在 p5.js 中将 For 循环的文本输出替换为不同的值
- Chrome 扩展程序,用于在显示文本之前替换网页和 Facebook 帖子中的文本
- 使用 jQuery 将文本字符串替换为 span
- JQuery 查找子元素内部文本并替换为 IMG HTML
- 在复制未转换的文本时替换文本中的字母
- 调用replaceWith会给出“;而不是函数“;错误(将文本节点替换为文本和html的混合)
- 获取选定的文本,替换它,使用jQuery进行简单的编辑器
- 如何找到文本和替换它的图像在CKeditor
- 是否有可能在JavaScript中获得html页面代码并将文本框替换为它的值?
- 如何在链接文本中替换字体Awesome图标与链接点击上的不同图标
- 查找字母数字字符,文本并替换为HTML
- 查找文本和替换所有匹配使用jQuery
- 将部分文本XML替换为SVG
- 换行符不能用于文本区域替换
- Jquery查找文本并替换(全部)
- jQuery:查找文本并替换为HTML
- Greasemonkey JQuery搜索动态表文本并替换为动态链接
- br 标签在使用 JQUERY 文本函数将内容从文本区域替换到 DIV 时不起作用
- 将文本标记替换为 HTML 元素