jQueryでたった5行の記述で長いテキストを「…」で省略する

テキストをJavaScriptで省略して語尾に「・・・」を付けたいケースは割とよくある。jQueryプラグインなども存在するがjQueryを読み込んでいるのであれば下記のように5行の記述で長いテキストを「…」で省略することが可能。

半角0.5文字、全角1文字版を追記

文字列の先頭と末尾から空白を除去するjQueryの$.trim()が便利

$.trim()で空白削除

jQueryには文字列の先頭と末尾から空白を除去するの$.trim()が便利なのだがあまり使用されていないような気がする。特にフォームからテキストを取得する際に便利なので必ず入れておきたい。

追記: String.prototype.trim()

現在のブラウザ環境であればjQueryを使用しなくてもtrim()が使用可能。

var str = '  foo  ';
console.log(str.trim());
// => 'foo'