Как скрыть элемент, основанный на конкретном классе и содержимом, с помощью jQuery?

Question

Привет, я хотел бы скрыть некоторые элементы, если div с классом ms-searchref-categoryname текст содержит Job :

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

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

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

Какэто будет сделано?

Answer 1

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

Answer 2

Как вы сказали "если div text содержит что-то", вы можете использовать это:

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

Это будет скрывать элемент, если в любом месте выбранного элемента найдена строка «Job». Вот рабочий пример .

В качестве альтернативы, без использования псевдоселектора :contains:

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

С другой стороны, если вы хотели скрыть элемент, если div only содержит указанную строку, то @Headshota уже дал вам рабочий ответ.