How do I hide a table row conditionally in HTML/Javascript?
<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>