jquery - 在指定位置插入文本（即在 100 个字符后，添加“阅读更多”）

Question

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

Answer 1

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

小提琴

Answer 2

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