Question

The question title sums it up, i don’t know how else to elaborate.
Before anyone mentions the CSS3 property text-overflow:ellipsis I can’t use that as it won’t work when the containing div has several <p>s within it.Thank you!

Answer 1

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

FIDDLE

or maybe :

$('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