在指定位置插入文本（即在<p>中添加100个字符后，添加“阅读更多”）</p>

Question

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

Answer 1

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

FIDDLE

或者也许：

$('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>');
    }
});

FIDDLE

Answer 2

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