title: How do I hide a table row conditionally in HTML/Javascript?
body: <p>Newbie to StackOverflow - so thanks to all who might help.</p>
  
  <p>An application we use to deliver quotes online to our customers outputs HTML that I can mostly customize. There is a type of row that is output that I'd like to suppress in the HTML conditionally.</p>
  
  <p>The HTML looks like:</p>
  
  <pre><code>            &lt;tr class="row-heading"&gt;
                  &lt;td colspan="3" class="col-description"&gt;
                      P=
                  &lt;/td&gt;
                  &lt;td class="col-picture"&gt;
  
                  &lt;/td&gt;
                  &lt;td class="col-unit-price"&gt;
                  &lt;/td&gt;
                  &lt;td class="col-extended-price"&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
  </code></pre>
  
  <p>When the data within the class of "col-description" is P= then i'd like to suppress the entire table row with the class of row-heading.</p>
  
  <p>I am great fiddling with HTML and CSS, but JavaScript not so much. I did a bit of research before posting, and I saw something about needing to .hide() but I can't figure out how to formulate this type of JavaScript.</p>
  
  <p>Also, where within the HTML rendered page does this JavaScript need to live? At the beginning? At the end? In a  block? </p>
  
  <p>Thanks in advance for help and advice!</p>