ホームページ > 記事 > ウェブフロントエンド > jqueryで余分な省略記号を実装する方法
余分な省略記号を実装するための Jquery メソッド: 1. js サンプル ファイルを作成します; 2. "$(".ftlt_lt_wzne").each(function() {...}" メソッドを使用してマージを実現します
このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。