Скрыть класс, если содержит текст в другом классе. , ,

Question

Я работаю с формой, которая имеет несколько шагов, я хотел бы скрыть диапазон текста, который имеет класс .newtest, применяемый к нему, если другой класс .RegCurrent содержит текст «Шаг 1 Выбор».

<ol class="steps"> 
<li class="RegCurrent">Step 1 Selection</li> 
<li class="notcurrent">Step 2 Selection</li> 
<li class="notcurrent">Step 3 Selection</li> 
</ol> 

<div class="singleCol"> 
<span class="newtest"> 
<h1>some text</h1> 
<p>some more text</p> 
</span> 
<p>some text and tables</p> 
</div> 

То, что я пробовал:

<script> 
$(document).ready(function() { 
if($('.RegCurrent:contains("Step 1 Selection")') { 
$('.newtest').hide(); 
} 
}); 
</script> 

Answer 1

Вы должны использовать length с селектором в состоянии, другие мудрым вы не получите фальшивы, как вы получите JQuery события объекта, когда селектор не возвращает какой-либо объект. Вы также пропустили закрытие круглых скобок в состоянии.

Live Demo

$(document).ready(function() { 
    if($('.RegCurrent:contains("Step 1 Selection")').length) { 
    $('.newtest').hide(); 
    } 
}); 

Answer 2

if($('.RegCurrent').text() == "Step 1 Selection"){ 
    $('.newtest').hide(); 
}