jquery或javascript：截断表格单元格中的文本

Question

我需要使用javascript或jQuery截断表格第一列中的文本。这里就是我在我：

表：

<table id="bigTable"> 
    <tr><td>Text is tooooo looong</td><td>Just Right</td></tr> 
    <tr><td>Text is tooooo looong</td><td>Just Right</td></tr> 
    <tr><td>Text is tooooo looong</td><td>Just Right</td></tr> 
</table> 

尝试这样的东西没有成功以下（从其他类似的帖子编译）：

var lbl = $("#bigTable tbody"); 
var newLbl = $(lbl[0].outerHTML); 
$('td:eq(0)', newLbl).slice(5); 

它似乎并没有被得到内容或单元格中的文本。没有任何影响。试过也 -

$('td:eq(0)', newLbl)contents().slice(5); 


$('td:eq(0)', newLbl).text().slice(5); 

我做错了什么？

编辑

之前更向下投票与一般脾气暴躁的烦躁时... 我必须从复制到操作和以后显示的变量在不同的窗口/ DIV一个div文本。 这发生在响应按钮单击。

...但应用css规则听起来很有希望。将尝试，而不是。

请参阅此琴明白我需要做的：

http://jsfiddle.net/Vsse3/2/

我必须能够使用CSS的想法之前，包柱细胞与一个div。

Answer 1

你不需要JS，使用CSS：

演示：
http://jsfiddle.net/vTDAQ/3/

@elckarns的评论是正确的，但你也需要包装在div单元格内容使用text-overflow。

另请注意，您的表格结构不正确。

演示更新的要求：
http://jsfiddle.net/Vsse3/6/