javascript - 如果文本中有换行符，如何扩展 td 的宽度？

Question

我有一个表格，其中有一些长文本和一些短文本。如果 <td>包含长文本我想增加宽度。

这就是我尝试做的:

var text = $('td').text().split('\n');
if(text.length === 1) {
    $(this).css('width','270px');
}

jsFiddle
我试图用 alert(text.length) 获取换行符的数量我得到 1。然后，如果有 1 个换行符，我添加 .css('width','270px') ，但不起作用。我做错了什么？

感谢您的帮助!

Answer 1

根据你的 fiddle ，我猜你不能使用 split('\n') 来检测文本是否分成多行，因为这些换行符是浏览器出于布局目的自动插入的，并且它们文本中不存在 \n。

我建议比较单元格的渲染高度来计算内部的行数。

更新

谢谢比尔，这是一个很好的观点。每行中的单元格始终具有相同的高度。我想到的第一个解决方案是在单元格内使用包装 div。它们仅扩展至显示文本所需的程度。这不是“很好”，但它似乎可以完成工作:http://jsfiddle.net/dsc4m/7/