제이쿼리 비어있거나 0 또는 특정 단어를 포함하는 요소 제거 및 변경

티스토리 블로그에서 치환자를 이용하여 적용을 하는 부분에 있어서 값이 비어 있거나 0등의 특정 값으로 표현되는 경우가 있는데, 이를 지우거나 원하는 값으로 변경을 할 수가 있습니다.

:contains 특정 값 설정하기

댓글 카운터의 경우에 댓글이 없는 경우에 0으로 표현이 되는데, 이를 0으로 쭉 나열되는 게 보기 싫을 경우 적용을 할 수가 있습니다.

 

$('.another_category th span:contains("0")').css('display', 'none');

위와 같이 설정하여 해당 태그에 :contains("0") 적용하여 값이 "0"일 경우에만 속성을 추가하여 적용할 수가 있습니다. 이는 값이 있을 때 적용이 가능하며 요소값이 없이 비어 있을 경우는 다른 방법으로 적용할 수가 있습니다.

 

:empty 비어있는 요소 적용하기

$('.another_category th span:empty').css('display', 'none');

위와 같이 적용하여 화면에서 지울 수가 있습니다. 티스토리에서 값이 없는 경우는 리스트에 댓글의 경우 0이 아닌 값이 없이 표현이 됩니다.

 

$(document).ready(function () {
    $('.another_category th span:contains("0")').css('display', 'none');
    $('.another_category th span:empty').css('display', 'none');
});

최종적으로 위와 같이 적용하여 숫자 0이 나오거나 비어있을 경우 해당 요소를 삭제할 수 있습니다.