앱)자바스크립트 툴팁 말줄임
var showLength = 20; //표시할 글자수
function abbrProcess(){
$('div[data-toggle="tooltip"]').each(function(){
$(this).each(function(){
if($(this).text().length >= showLength){
$(this).text($(this).text().substr(0. showLength)+'...');
}
});
});
}
$(document).ready(function(){
//줄임 툴팁 적용
abbrProcess();
});
<div class="table_box">
<table class="table_tp">
<caption></caption>
<colgroup>
<col width="5%" />
<col width="15%" />
<col width="*" />
</colgroup>
<thead>
<tr>
<th class="col"><span></span></th>
<th class="col"><span></span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="al_c"><input ></td>
<td class="al_c"><div data-toggle="tooltip" title="내용">내용</div></td>
</tr>
</tbody>
</table>
</div>
function abbrProcess(){
$('div[data-toggle="tooltip"]').each(function(){
$(this).each(function(){
if($(this).text().length >= showLength){
$(this).text($(this).text().substr(0. showLength)+'...');
}
});
});
}
$(document).ready(function(){
//줄임 툴팁 적용
abbrProcess();
});
<div class="table_box">
<table class="table_tp">
<caption></caption>
<colgroup>
<col width="5%" />
<col width="15%" />
<col width="*" />
</colgroup>
<thead>
<tr>
<th class="col"><span></span></th>
<th class="col"><span></span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="al_c"><input ></td>
<td class="al_c"><div data-toggle="tooltip" title="내용">내용</div></td>
</tr>
</tbody>
</table>
</div>
'프론트엔드 > 자바스크립트' 카테고리의 다른 글
앱)자바스크립트와 node.js를 이용한 웹 크롤링 테크닉 (0) | 2018.11.13 |
---|---|
차트 관련 js 정리 (0) | 2018.11.11 |
앱)자바스크립트 자릿수 체크하는 로직 (0) | 2018.06.04 |
Do it Vue.js 입문 정리5 (0) | 2018.04.15 |
Do it Vue.js 입문 정리4 (1) | 2018.04.12 |