14.4. 옵션 B: Cryostat

사이드바 메뉴 요소와 같이 숨겨야 할 악의적인 요소가 있는 경우, 몇 가지 Cryostat를 사용하는 것이 좋습니다. 이러한 요소의 CSS 경로는 대시보드 및 계정 섹션에서 동일하며 두 섹션 모두에서 요소를 숨기고 싶지 않습니다. 따라서 CSS 경로와 콘텐츠에 따라 요소를 선택합니다. 이 예에서는 대시보드의 사이드바에서 messages 섹션을 숨기려고 한다고 가정합니다. CSS 경로는 다음과 같습니다.

#three-scale #submenu li a

콘텐츠를 일치시키려면 .text() 함수를 사용합니다. 또한 문서의 헤드 내부에 코드를 포함시키고 모든 콘텐츠가 생성된 후 실행되도록 준비 함수에 포함됩니다.

생성된 코드 조각은 다음과 같습니다.

$(function() {
  $('#three-scale #submenu li a').each(function() {
    if ($(this).text() == "Messages")
      $(this).parent().css('display', 'none');
  });
});

이것이 유일한 해결책은 아닙니다. 이것은 단지 한 가지 가능한 방법을 보여줍니다. 동일한 예는 특성 값을 기반으로 CSS3 선택기가 있는 순수 CSS를 사용하여 수행할 수 있습니다. 전체 CSS3 선택기 사양을 보려면 여기를 참조하십시오.