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