【jQuery】長いテキストに指定の文字数で3点リーダー ( … ) を自動付与する処理

[ ID : 2108 ]
シルバー
【jQuery】長いテキストに指定の文字数で3点リーダー ( … ) を自動付与する処理
実装目安
3分

概要

長文テキストに、任意の文字数で文末に3点リーダーを自動付与して省略する処理をjQueryで実装する。

用途

  • 長いテキストに対して文末に「…」を付与することで省略表示する。
  • 省略処理を指定の文字数で実施したい時に使用する。

要件

  • data属性を使用することで要素ごとに自由に省略処理を実行する文字数を指定可能。
  • 同一ページの複数箇所で使用可能。

検証ブラウザ

  • Google Chrome(最新)
  • Microsoft Edge(最新)
  • Firefox(最新)
  • Safari(最新)

その他

  • jQuery v3.6.4使用。

実装方法

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録