title: How to use jQuery to find a certain string within a div, and then apply specific styles to another div if it exists?
body: <p>Okay, so say I had a HTML page as follows:</p>
  
  <pre><code> &lt;html&gt;
      &lt;div&gt;
         &lt;div id='header'&gt;Page Title&lt;/div&gt;
         &lt;div id='content'&gt; Main content here &lt;/div&gt;
         &lt;div id='meta'&gt; 
            &lt;a href='#'&gt;Hello&lt;/a&gt; 
            &lt;a href='#'&gt;Link 2&lt;/a&gt;
            &lt;a href='#'&gt;Link 3&lt;/a&gt;
         &lt;/div&gt;
      &lt;/div&gt;
    &lt;/html&gt;
  </code></pre>
  
  <p>What I want to create is a function the basically searches the <code>meta</code> div <b> (only this div)</b> to find an <code>a</code> link that contains the string <code>Hello</code>, for this examples purposes. <br /> <br /> If the <code>Hello</code> string exists, a CSS style of <code>background: red;</code> should be applied to the <code>header</code> div (overwriting any existing background styles on the <code>header</code> div.) <br /> <br /> I would like to use JavaScript/jQuery to do this. Any suggestions on how this could be achieved? (Sorry if that was confusing)</p>