前提・実現したいこと
ドロップダウンで選択した内容(テキスト)をある長さでカットして三点リーダーで表示したい。
例
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaを20字で切る
aaaaaaaaaaaaaaaaaaaa...
のように表示したい。
該当のソースコード
<span class="dropdownlabel pleaseselectdatabase>○○<span>の○○の部分を三点リーダーにするといった形です。
HTML
1<div class="dropdown inline"> 2 <button class="○○" type="button" id="○○" data-toggle="dropdown"> 3 <span class="dropdownlabel pleaseselectdatabase">○○</span> @* データベース... *@ 4 <span class="caret"></span> 5 </button> 6 <ul id="○○" data-bind="foreach: items" class="dropdown-menu scrollable-menu" role="menu" aria-labelledby="○○"> 7 <li role="presentation" style="display:block;"> 8 <a role="menuitem" tabindex="-1" href="#" data-bind="text: LABEL, click: ○○"></a> 9 </li> 10 </ul> 11</div>
試したこと
デフォルトでプロジェクトで使用していたJSを使用したがうまくいかなかった。
JS
1$.fn.cut = function () { 2 3 $('.cut').each(function () { 4 var _ = $(this); 5 var len = _.attr('data-len'); 6 7 if (isNaN(len)) return; 8 len = parseInt(len); 9 10 var str = _.text(); 11 12 if ((str + "").length <= len) { 13 _.text(str); 14 } else { 15 if (str.substr(str.length - 2, 2) != "..") { 16 _.text(str.substr(0, len) + ".."); 17 } 18 } 19 }); 20} 21
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/24 00:53
退会済みユーザー
2018/07/24 01:26 編集