ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery は、コンテンツの長さが指定された length_jquery を超えた場合の省略記号の表示を制御します

JQuery は、コンテンツの長さが指定された length_jquery を超えた場合の省略記号の表示を制御します

WBOY
リリース: 2016-05-16 16:47:06
オリジナル
1435 人が閲覧しました

指定した長さを超える場合は、省略記号が表示されます。

クラスを displayPart に設定します。

カスタム属性を設定します。displayLength は長さ (... を除く)、全角文字を表示できます、長さ * 2、

コードをコピー コードは次のとおりです:

<スクリプト タイプ="text/javascript">
$.fn.extend({
displayPart:function () {
var displayLength = 100;
displayLength = this.attr("displayLength") || displayLength;
var text = this.text();
if (!text) return "";
var count = 0; (var i = 0; i < ; displayLength; i ) {
var _char = text.charAt(i);
if (count >= displayLength)
if (/[^x00- xff]/.test(_char) ) count ; //全角文字, //[u4e00-u9fa5] 中国語

result =
count ; result.length < text.length ) {
result = "..."
this.text(result)

; >$(function () {
$(".displayPart").displayPart();
});


<🎜; >


コードをコピー


コードは次のとおりです:


新しいドキュメント "キーワード" content="">

hello world




hello worldhello worldhello worldhello worldhello worldhello worldhello worldhello world
;hr>

hello


hello worldhello worldhello worldhello worldhello worldhello worldhello world >

関連ラベル:
ソース:php.cn
前の記事:js はテキスト ボックスに入力された文字数をカウントし、その数を制限しません_javascript スキル 次の記事:JavaScript はデータ項目をドロップダウン リストに動的に追加します_javascript スキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート