jQueryで文字列を特定の文字数でカットして末尾に「…」などを追加する方法｜BLACKFLAG

Webサイトのトップページで表示するお知らせ情報など、レイアウトの都合上、長い文字列を特定の文字数でカットしたいことはよくあることかと思います。 そんな際にjQueryを使って文字列を任意の文字数でカットして、末尾に「…」などの追記情報（これも任意の文字列）を追加するやり方をシンプルなスクリプトで実装する方法をご紹介してみます。 【テキストのみ】 jQueryで文字列を特定の文字数でカットして末尾に「…」などを追加する方法 まずは実装するHTMLソースが下記のような構成だったとします。 ◆HTML <ul> <li>このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です

[cobu___chan]

“var $setElm = $('ul li'); var cutFigure = '30'; // カットする文字数 var afterTxt = ' …'; // 文字カット後に表示するテキスト $setElm.each(function(){ var textLength = $(this).text().length; var textTrim = $(this).text().substr(0,(cutFigure)) if(cutFigure < textLength) { $(t

[hundret]

シンプルなスクリプトがシェルスクリプトに見えて多分疲れてる / jQueryで文字列を特定の文字数でカットして末尾に「…」などを追加する方法 | BlackFlag :

[masapon49]

PHP使わないときにはいいかも

[THORNCOMPANY]

文字数カット

[toguo]

地味な機能だけど、困ったときに使えるかも

[kitokitoki]

...

[wakuwakudrive]

jQueryで文字数カット

[satohu20xx]

パッとしか見てないけど、これ1byte文字も2byte文字も1文字で数えそうだから文字数は揃うけど長さは揃わなさそう

[kenny0128]

Great!! "末尾に「…」などを追加する方法"

[chimantare]

末尾カット方法

[warriorking]

jQueryで文字列を特定の文字数でカットして末尾に「…」などを追加する方法 | BlackFlag

[Ray110]

超使える。

[plasma0713]

一応覚えておこう。

[pyonkichi1011]

jQueryで文字列を特定の文字数でカットして末尾に「…」などを追加する方法｜BlackFlag

[kaz_uki_1014]

jQueryで文字列を特定の文字数でカットして末尾に「…」などを追加する方法 | BlackFlag Webサイトのトップページで表示するお知らせ情報など レイアウトの都合上、長い文字列を特定の文字数でカットしたいことはよくあるこ

[nebos]

規定文字数で切り落とす手法

[umegaemotch]

jQueryで文字列を特定の文字数でカットして末尾に「…」などを追加する方法

[htn_50koma]

starred items / from BlackFlag http://black-flag.net

[nauthiz]

jQueryを使って、文字列を特定の文字数でカットする方法。