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

藏色散人
リリース: 2021-11-19 11:19:02
オリジナル
2143 人が閲覧しました

余分な省略記号を実装するための 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!