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

使用CSS不需要js：

<强>演示：
http://jsfiddle.net/vTDAQ/3/

@elckarns 评论是正确的，但您还需要将单元格内容包装在div中以使用text-overflow。

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

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

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

1 个答案: