0

我需要使用 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 包装列单元格。

4

1 回答 1

1

你不需要js，使用CSS：

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

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

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

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

于 2012-08-11T00:32:03.357 回答