jquery或javascript：截斷表格單元格中的文本

我需要使用javascript或jQuery截斷表格第一列中的文本。這裏就是我在我：jquery或javascript：截斷表格單元格中的文本

表：

<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。

來源

2012-08-11 Bubnoff

你可以只用CSS'溢出做到這一點：hidden'和'文本溢出：ellipsis'。試試吧，看看它是否有效... – elclanrs 2012-08-11 00:12:07

這段代碼很糟糕。此外，它已被問到這裏：http://stackoverflow.com/questions/536814/insert-ellipsis-into-html-tag-if-content-too-wide – WhyNotHugo 2012-08-11 00:12:36

它可能會幫助，如果你做了一個jsfiddle – 2012-08-11 00:13:02

你不需要JS，使用CSS：

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

@elckarns的評論是正確的，但你也需要包裝在div單元格內容使用text-overflow。

另請注意，您的表格結構不正確。

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

來源

2012-08-11 00:32:03 Peter

我試過這個，我的寬度規格沒有被遵守。 – Bubnoff 2012-08-11 00:34:09

那麼你正在實施這個錯誤。發佈你的問題jsfiddle。 – Peter 2012-08-11 00:36:09

確實不是很好。''取代''可能有助於 – yitwail 2012-08-11 00:47:43

jquery或javascript：截斷表格單元格中的文本

回答

相關問題