title: Hide element if it contains specific text
body: <p>I have the following code on my ecommerce website. </p>
  
  <p>I would like to search <strong></strong> to check whether it contains "0.00"</p>
  
  <p>If it does contain "0.00" I would like to hide the parent div containing the price  <strong></strong></p>
  
  <p>This is because we want the product to appear online but even though it cannot be purchased, the price is still displayed, so we don't want people to be confused if they see the price as £0.00.</p>
  
  <pre><code>&lt;div class="ct_pd_item_price ct_pd_item_value"&gt;
  &lt;span itemprop="price"&gt;
  &lt;span class="ct_currencyCode"&gt;GBP&lt;/span&gt;
  &lt;span class="ct_currencySymbol"&gt;£&lt;/span&gt;0.00&lt;/span&gt;    
  &lt;/div&gt;
  </code></pre>
  
  <p>Is this possible using some form of javascript?</p>