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

我需要使用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>

它似乎没有从单元格中获取内容或文本。没有任何效果。也试过-

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


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

我做错了什么

编辑

在更多的反对票和普遍的暴躁情绪出现之前。。。 我必须将div中的文本复制到变量中进行操作，然后显示在不同的窗口/div中。 这是对按钮单击的响应

…但应用css规则听起来很有希望。我会试试看

请看这把小提琴，了解我需要做什么：

---

在使用css之前，我必须能够用div包装列单元格

使用CSS，您不需要js：

演示：

@elckarns注释是正确的，但您还需要将单元格内容包装在

div

中才能使用

text overflow

还要注意的是，您的表格格式不正确

根据要求更新演示：

---

只需css

溢出：隐藏和
文本溢出：省略号即可。试试看它是否有效…这个代码太糟糕了。另外，这里已经有人问过了：如果您创建了一个JSFIDDLE，那么它可能会有所帮助。单击按钮后，它必须截断文本。但也许我可以在那之后通过jQuery应用css样式。是的，代码很糟糕…你知道，嗯…通常欢迎你的建议。我对javascript很差劲。我已经尝试过了，但我的宽度规范没有得到遵守。那么你实现这个错误了。发表一篇关于你的问题的文章。确实格式不好
而不是
可能会有帮助，请查看此提琴，了解我需要做些什么来实现您的建议。非常感谢你的耐心@彼得~谢谢！太好了！
$('td:eq(0)', newLbl)contents().slice(5);


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