實現目標:在一單元格中顯示部分內容,多餘出來的內容隱藏,在顯示的內容後面有省略號與顯示按鈕,點擊顯示後,顯示全部文字,並顯示隱藏按鈕,javascript代碼如下:
// 每行顯示21個字,超過省略,用查看更多
var disLen = 29;
var len = detail.length;
if (len > disLen) {
detail ="<div>" + detail.substring(0, disLen) + "<span style='font-size:25px' class='hide" + i + "'>...</span><span class='hide" + i
+ "' style = 'display:none'>" + detail.substring(disLen + 1, len)
+ "</span> </div><div><a href='#youhui' οnclick='showHideCode(" + i + ")'><span class='hide" + i
+ "'>查看更多</span><span class='hide" + i + "' style = 'display:none'>隱藏</span></a></div>";
}
function showHideCode(i) {
$(".hide" + i).toggle();
}
上面detail字符串就是要實現的代碼。