字符截取显示
经常会看到一些文章列表,每个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);
})
}
})