ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryで余分な省略記号を実装する方法

jqueryで余分な省略記号を実装する方法

藏色散人
藏色散人オリジナル
2021-11-19 11:19:022077ブラウズ

余分な省略記号を実装するための Jquery メソッド: 1. js サンプル ファイルを作成します; 2. "$(".ftlt_lt_wzne").each(function() {...}" メソッドを使用してマージを実現します

jqueryで余分な省略記号を実装する方法

このチュートリアルの動作環境: Windows7 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery は、制限を超える省略記号をどのように認識しますか?

jquery は、制限を超えるテキストを制限するために省略記号を使用します。

css3 を使用すると表示できることは誰もが知っています。 1 行を超える省略記号はありますが、複数行に css3 を使用するのは非常に面倒です。互換性も考慮する必要があります。今日は、jquery を使用して単語数を決定し、省略記号の出現を制限します。

$(".ftlt_lt_wzne").each(function() {
var maxwidth =36;//显示多少字符
if ($(this).text().length > maxwidth) {
$(this).text($(this).text().substring(0, maxwidth));
$(this).html($(this).html() + '...');
}
});

推奨研究: "jquery ビデオ チュートリアル "

以上がjqueryで余分な省略記号を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。