반대쪽 : contains - 특정 텍스트가 포함되어 있지 않은 경우 h2를 볼 수 있도록 설정합니다.

Question

나는이 질문의 반대쪽에 물었고 큰 도움을 받았습니다. 감사합니다. 이제 도전 과제는 페이지가 제목이 보이도록로드 한 다음 숨김 (사라짐)하므로 전문적으로 보이지 않습니다. 그래서 저는 여러분의 제안에서 배운 것을 사용하여 이것을 반대 방향으로하려고 노력하고 있습니다. CSS에 <h2>을 숨기고 에의 텍스트가 "All Brands"가 아닌 경우 JQuery에서 표시되도록하려고합니다.

html로는 다음과 같습니다

$('#BrandContent > h2:not(:contains("All Brands")').css('visibility', 'visible'); 

및

$('#BrandContent > h2:not(:contains("All Brands")').show(); 

가 사전에 감사합니다

<div class="Block Moveable Panel" id="BrandContent"> 
    <h2>All Brands</h2>   <--- ALWAYS HIDDEN IN CSS 
    <div class="BlockContent"> 
    BRANDS LISTED HERE... 
    </div> 
</div> 

내가 성공하지 않고 코드 아래의 몇 가지 조합을 시도 어떤 제안. M

Answer 1

이 시도 :

$(document).ready(function(){ 
    $('#BrandContent > h2:not(:contains("All Brands"))').show(); 
}); 

CSS :

교체 :

#BrandContent h2 { 
    padding-bottom: 20px; 
    visibility: hidden; 
} 

에 :

#BrandContent h2 { 
    padding-bottom: 20px; 
    display: none; 
} 

JSFIDDLE DEMO

Answer 2

누락 ) -

$('#BrandContent > h2:not(:contains("All Brands"))') 
               ^------------ 

Answer 3

모든 h2

는를 사용하여 단어 All Brands

을 포함하는 모든 h2 선택이

var $h2 = $('h2'); 
$h2.not($('.BrandContent > h2:contains("All Brands")')).css('visibility', 'visible') 

• 를 선택하십시오은 단어가 포함되지 않은 h2를 제공합니다.

Check Fiddle