不要顯示所有的行信息（只有當我按「查看」）

Question

我有一個奇怪的問題！ 我做了一個簡單的創建/刪除註釋表單和一個腳本來查詢它們。但是如果有人插入一個100KM的註釋並且表格顯示這一切，它將不會很漂亮。

我請你給我一個腳本，只顯示該行的一些內容，其餘的時候你按「查看所有」的東西。 例如：

Answer 1

你需要考慮截斷內容串，還有可以在這裏對JavaScript和PHP基礎的解決方案答案的負載：

的JavaScript：smart way to shorten long strings with javascript
PHP：Shorten string with a "..." body

因此，你顯示截斷的字符串開始機智h，然後在完整視圖中使用原始字符串。

根據您在示例中的表格設置，您還可以嘗試使用CSS截斷並使其添加elipses。

CSS：http://css-tricks.com/snippets/css/truncate-string-with-ellipsis/

Answer 2

好吧，我想你想是這樣的：
Live jsfiddle

JS

$(function() 
{ 
    var maxShow = 50; 
    $(".holder").each(function() 
    { 
     var txt = $(this).text(); 
     txt = txt.substr(0,maxShow)+' ...'; 
     $(this).prev().prev().text(txt); 
    }); 
    $(".show").click(function() 
    { 
     var txt = $(this).next('span').text(); 
     $(this).parent().text(txt); 
    }); 
}); 

HTML

<div class='txt'><span class='summery'></span><a href="#" class="show">view</a><span class='holder'> 0 I have a strange question ! I made a simple create/delete notes form and a script to query them all.But it will not be beautiful if someone inserts a 100KM note and the table shows it</span></div> 
<div class='txt'><span class='summery'></span><a href="#" class="show">view</a><span class='holder'> 1 I have a strange question ! I made a simple create/delete notes form and a script to query them all.But it will not be beautiful if someone inserts a 100KM note and the table shows it</span></div> 
<div class='txt'><span class='summery'></span><a href="#" class="show">view</a><span class='holder'> 2 I have a strange question ! I made a simple create/delete notes form and a script to query them all.But it will not be beautiful if someone inserts a 100KM note and the table shows it</span></div> 

CSS

.holder 
{ 
    display:none; 
}