How do hide an element that is a children of tabl'es cell <td>?
<p>I have an array of strings:</p>

<pre><code>var matchThese = ["Jabberwocky", "Harry Potter", "Some other"];
</code></pre>

<p>And I have this HTML:</p>

<pre><code>&lt;table&gt;
 &lt;tbody&gt;
   &lt;tr&gt;
     &lt;td&gt;
       &lt;table&gt;
         &lt;tbody&gt;
           &lt;tr&gt;
             &lt;td&gt;
               &lt;a title="Harry Potter" href="http://harryPotter.net"&gt;
                &lt;img title="Harry Potter"&gt;&lt;/img&gt;
               &lt;/a&gt;
             &lt;/td&gt;
             &lt;td&gt;
               &lt;a title="HideThisOne" href=""&gt;
                 &lt;img title="HideThisOne"&gt;&lt;/img&gt;
               &lt;/a&gt;
             &lt;/td&gt;
             &lt;td&gt; 
               &lt;a title="HideThisOneToo" href=""&gt;
                &lt;img/&gt;
               &lt;/a&gt;
             &lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
             &lt;td&gt;
              &lt;a title="Jabberwocky" href=""&gt; &lt;img&gt;&lt;/img&gt;&lt;/a&gt;
             &lt;/td&gt;
             &lt;td&gt;
               &lt;a title="123" href=""&gt; &lt;img&gt;&lt;/img&gt;&lt;/a&gt;
             &lt;/td&gt;
               ...

            &lt;/table&gt;
          &lt;/td&gt;
         &lt;/tr&gt;
        &lt;/table&gt;
</code></pre>

<p>I want to be able to itterate through all of the <code>&lt;table&gt;</code> tags and their <code>&lt;a&gt;</code> elements, match their titles by what is specified in the array and hide all the other <code>&lt;td&gt;</code> of that same table if they do not match. But only hide those <code>&lt;td&gt;</code> of the table where there is at least one match for the title of an <code>&lt;a&gt;</code> element from the hardcoded array.</p>
