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

CSS を使用すると、js は必要ありません。

デモ:
http://jsfiddle.net/vTDAQ/3/

@elckarns のdivコメントは正しいですが、使用するにはセルの内容を でラップする必要もありますtext-overflow。

また、テーブルの形式が整っていないことにも注意してください。

要求に応じて更新されたデモ:
http://jsfiddle.net/Vsse3/6/

于 2012-08-11T00:32:03.357 に答える