0

问题标题总结了它,我不知道如何详细说明。在任何人提到 CSS3 属性之前,text-overflow:ellipsis我不能使用它,因为当包含的 div 中有几个<p>s 时它不起作用。谢谢!

4

2 回答 2

2
$('p').each(function() {
    var txt = $(this).text();
    if (txt.length>100) {
        $(this).text(txt.substring(0,100)+'...');
    }
});

小提琴

或者可能 :

$('p').each(function() {
    var txt = $(this).text();
    if (txt.length>100) {
        $(this).html('<span>'+txt.substring(0,100)+'&nbsp;&nbsp;</span><a href="somemore">Read More</a>');
    }
});

小提琴

于 2012-05-09T15:22:43.223 回答
1

我为此写了一个插件。我不再维护它了,但它应该仍然有效:http: //www.jeremymartin.name/projects.php?project=jTruncate

于 2012-05-09T15:20:12.130 回答