字符截取显示

经常会看到一些文章列表,每个item只显示一两行的文字,然后点击“详细”的时候,再展开文字

自己用jq写了一个~

var text = $(".content").text();
var textNum = text.length;
var textInt = text.slice(0,140);
$(
".content").each(function () {
if (textNum >= 160) {
$(
this).html(textInt + "..." + "<a class='dis_btn'>详细</a>")
$(
".dis_btn").click(function () {
$(
".content").text(text);
});
return false;
}
else {
$(
".content").each(function () {
$(
this).text(text);
})
}
})

posted @ 2011-05-15 11:22  沫鱼  阅读(470)  评论(0编辑  收藏  举报