작업예시)
사용자가 로그인 하였을 경우 '로그인' 텍스트가 사용자명으로 변경되는데,
사용자명의 4자 까지 노출되고 4자 이상일 경우 '...'으로 대체 되도록 작업
사용자 비로그인시
이름이세자일경우
이름이 네자일경우
이름이 다섯자일경우 '...' 표시
<a class="btn_myinfo">김아무개씨</a>
.btn_myinfo{ position:absolute; top:10px; right:10px; display:block; max-width:58px; padding:3px 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; font-size:12px; color:#2196f3; border:1px solid #2196f3; border-radius:1px; background:rgba(225,225,225,0.1); }
$(document).function() {
var b_open = $('.btn_myinfo').text();
var b_preNm = b_open.substring(0, 4);
if (b_open.length >= 5) {
$('.btn_myinfo').text(b_preNm + '...');
};
};'코딩 > JavaScript' 카테고리의 다른 글
| [jQuery] .attr() 속성 정리 (여러속성 한번에 추가, 한번에 id추가, 체크박스 표시여부) (0) | 2021.09.27 |
|---|