jQuery를 사용하여 특정 클래스와 내용을 기반으로 요소를 숨기는 방법은 무엇입니까?

Question

안녕하세요, 클래스 ms-searchref-categoryname 텍스트가있는 div 경우 일부 요소를 숨기려면 싶습니다. 작업 :

 <div class="ms-searchref-categoryname">Job</div> 

<ul><li></li></ul> 

<a href=""><div class=""></div></a> 

어떻게이 작업을 수행 할 수 있습니다?

Answer 1

, 당신은이를 사용할 수 있습니다

if($(".ms-searchref-categoryname:contains('Job')").length > 0) { 
    $("#elementToHide").hide(); 
} 

이이 요소를 숨길 문자열 "작업"을 선택한 요소의 아무 곳이나 발견 된 경우 . 여기에 working example이 있습니다.

또는, :contains 의사 선택기를 사용하지 않고 : 당신이 의미하는 경우 반면에

if($(".ms-searchref-categoryname").text().indexOf('Job') > -1) { 
    $("#hideMe").hide(); 
} 

, 당신은 div만 다음, 지정된 문자열을 포함하는 경우 요소를 숨기고 싶어 @ Headshota는 당신에게 이미 작동중인 대답을주었습니다.

Answer 2

if($('.ms-searchref-categoryname').html() === 'Job'){ 
    $('.myElements').hide(); 
}