2011-08-08 24 views
16

私は任意の文字数を持つdiv領域を持っています。私はそこに現れる文字の量を175文字に制限したい。私は主に、入力テキストボックスやテキストエリアでこれをどうするかについては不平を感じましたが、divではありませんでした。誰もこれで助けることができますか?divの内部テキストを175文字に制限する方法は?

これは私が175文字に制限しようとしている私のコードです:、代わりにちょうど175文字でそれを遮断する

<div class="some-area"> 
Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
</div> 
+1

これは役立ちます:http://stackoverflow.com/questions/4448856/limiting-the-no-of-characters-in-a-div-has-specific-class –

答えて

34

。テキストを短くしたことをユーザーに知らせておくことをお勧めします。通知することなくテキストを175に制限しようとしているだけの場合は、その場合も削除することを選択できます。

+0

うわー、これを知ってうれしいです。 – Phil

+4

'return text.substr(0、175)+ '...';'省略記号を使用する。 – StinkyCat

+0

これは、div内のHTMLコンテンツではうまくいかないと言います – Shocker

3

私は自分のプロジェクトの1つでこれをやっただけです。私はthis素晴らしいプラグインを見つけました。

$("div.some-area").text(function(index, currentText) { 
    return currentText.substr(0, 175); 
}); 
11

コンテンツの正しい識別子でDIVを置き換えます:必要に応じて

$("div").text($(this).text().substr(0, 175)+'...'); 

は端から楕円を削除するには、the form of text() that takes a functionを使用してのようなものを書くことができます

$('some-area').expander({ 
    slicePoint:175 
}); 
関連する問題