예전에 티스토리 포럼에서 얻은 답변과 방명록에 응용팁 주신 분의 글을 토대로 작성.
1. 기본 댓글 갯수 스타일
기본적으로 댓글 갯수 앞 뒤로 괄호가 생기고, 댓글이 없을 경우는 출력되지 않는다.
1. ★지우고 사용하기
※ <★head> <★/head> 사이에
<★script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 추가
※ 아래 스크립트를 <★/s_t3> 바로 위에 추가한다.
※ skin.html에서 [★##_list_rep_rp_cnt_##]를 찾아서 클래스값을 알아두고 스크립트에 같은 값의 클래스를 적어준다.
<★span class="cnt">[★##_list_rep_rp_cnt_##]<★/span>
$('span.cnt').each(function(){
span일 경우 span.cnt 같이 클래스 이름 앞에 span.(점 . 포함) 을 넣어주고
div일 경우 .cnt 같이 점(.)을 추가한다. (ex. $('.cnt').each(function(){ )
1. 예제
1. 1. 괄호 없애기
<★script>
$(function(){
$('span.cnt').each(function(){
var _this = $(this);
if( _this.text() ){
var _searchCntStr = _this.text().replace('(', '').replace(')', '') ;
_this.text(_searchCntStr);
}
});
});
<★/script>
1. 2. 코멘트 갯수 앞에 텍스트 넣기
<★script>
$(function(){
$('span.cnt').each(function(){
var _this = $(this);
if( _this.text() ){
var _searchCntStr = '+' + _this.text().replace('(', '').replace(')', '') ;
_this.text(_searchCntStr);
}
});
});
<★/script>
1. 3. 코멘트 갯수 뒤에 텍스트 넣기
<★script>
$(function(){
$('span.cnt').each(function(){
var _this = $(this);
if( _this.text() ){
var _searchCntStr = _this.text().replace('(', '').replace(')', '') +' comments' ;
_this.text(_searchCntStr);
}
});
});
<★/script>
1. 4. 코멘트 갯수 0개 출력하기
[★##_list_rep_rp_cnt_##]를 찾아 0을 추가한다.
<★span class="cnt">0[★##_list_rep_rp_cnt_##]<★/span>
<★script>
$(function(){
$('span.cnt').each(function(){
var _this = $(this);
if( _this.text() ){
var _searchCntStr = _this.text().replace('0(', '').replace(')', '');
_this.text(_searchCntStr);
}
});
});
<★/script>
1. 4.1 예제
스크립트는 4의 스크립트랑 같음.
skin.html
<★span class="cnt_comment">comments: <★span class="cnt">0[★##_list_rep_rp_cnt_##]<★/span><★/span>
style.css로 오른쪽 정렬