jQueryで表示文字数制限 - Qiita

テクノロジーカテゴリーの変更を依頼記事元:qiita.com/blurblue

適切な情報に変更

エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます

コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

次回からTwitterへ自動リダイレクト

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

1user がブックマークコメント 1

ゲスト

コメントするにはログインが必要ですブックマークを追加

ブックマークを追加

よく使うタグ

jQueryで表示文字数制限 - Qiita

1 user qiita.com/blurblue

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント1件

注目コメント
新着コメント

torimoku

torimoku 文字数制限のjs いったん変数に入れた文字をカウント→文字数分だけ表示させるため、タグの類は反映されないようです

2013年10月04日リンク

その他

ゲスト

コメントするにはログインが必要ですログインしてコメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

[<a href="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fqiita.com%2Fblurblue%2Fitems%2Fa7d120c53ab1ce260f90">フレーム</a>]

プレビュー

[フレーム]

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック!

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

usersに達しました!

さんが1番目にブックマークした記事「jQueryで表示文字...」が注目されています。

気持ちをシェアしよう

ツイートする

jQueryで表示文字数制限 - Qiita

$(window).on('load', function(){ if($('.textOverFlow').length > 0){ var count = 100; // デフォル... $(window).on('load', function(){ if($('.textOverFlow').length > 0){ var count = 100; // デフォルトで表示する文字数 $('.textOverFlow').each(function(){ var target = $(this), fullTxt = target.text(); if(fullTxt.length > count){ target.text(fullTxt.substr(0,count) + '...'); var moreLead = $('<span class="moreLead">[全文表示]</span>'); target.append(moreLead); moreLead.on('click', function(){ target.text(fullTxt); $(thi