이번 편은 번외입니다.

게시판마다 카테고리를 출력하는게 다른데, fafaz 게시판 스킨의 경우 카테고리를

'[카테고리명]' 이런 식으로 출력합니다.

그럼 이걸 css로 수정하는데는 한계가 있습니다.

 

이걸 제이쿼리 replace 함수를 이용해서 [ 와 ] 를 떼내보겠습니다.

$(".table-row__item .title__category").each(function(){
   // console.log($(this).text());
   var text = $(this).text();
   $(this).text(text.replace('[', '').replace(']', ''));
});

each 함수를 이용해서 게시판의 모든 카테고리를 대상으로,

var text 변수를 만들어서, 이 안의 내용 중 [와 ]를 없애는 코드입니다.

 

each 를 모른다면 이렇게 썼겠죠 ㅠㅠ

// var text = $(".table-row__item .title__category").text();
// $(".table-row__item .title__category").text(text.replace('[입금확인]', '입금확인'));
// $(".table-row__item .title__category").text(text.replace('[접수완료]', '접수완료'));
// $(".table-row__item .title__category").text(text.replace('[작업완료]', '작업완료'));

 

이온디

profile
이온디는 라이믹스를 비롯한 다양한 CMS의 시드뱅크를 꿈꿉니다. 여러분들이 사랑하는 웹소스를 언제든지 사용할 수 있게 하기 위해 이온디는 매일 소스코드를 유지보수하고 있으며, 언제든지 다운로드할 수 있는 소스마켓을 운영하고 있습니다.

#XE마켓 - 이온디스토어
https://eond.com/xemarket/

# XE/라이믹스 단톡방을 운영 중입니다. (비번: 2022)
https://open.kakao.com/o/giaKKnl

# XE/라이믹스 생활코딩 모듈 강좌입니다.
https://opentutorials.org/module/3774