<div>
// hide all the h4 within #product<br />
$('h4','#product').hide();<wbr /><br />
<br />
// hide the first h4 within #product<br />
$('h4:eq(0)','#product').h<wbr />ide();
</div>


// hide all the h4 within #product
$('h4','#product').hide();

// hide the first h4 within #product
$('h4:eq(0)','#product').hide();

<div>
Hi,<br />
<br />
not working for me. I tried this on jsfiddle as suggested by you<br />
<br />

<pre><code id="code-20-40917449-1">if( ( $('body[class^=&quot;product-product-&quot;] #content .form-group select option, body[class^=&quot;service-product-&quot;] #content .form-group select option').length ) == 1)
    {
      $('h4','#product').hide();
    }
else{
    alert(&quot;not found&quot;);
}</code></pre>
</div>


Hi,

not working for me. I tried this on jsfiddle as suggested by you



if( ( $('body[class^="product-product-"] #content .form-group select option, body[class^="service-product-"] #content .form-group select option').length ) == 1)
    {
      $('h4','#product').hide();
    }
else{
    alert("not found");
}

<div>
<div class="content wysiwyg-content">
I have created a jsfiddle for this:<br />
<br />
<a href="https://jsfiddle.net/Lqfdhyu4/" rel="ugc">https://jsfiddle.net/Lqfdhyu4/</a><br />
<br />
If the condition is met, then I need to hide the div.form-group and the h4 the precedes it:<br />
&lt;h4&gt;&lt;br&gt;Product Attributes&lt;/h4&gt;<br />
<br />
thanks
</div>
</div>


I have created a jsfiddle for this:

https://jsfiddle.net/Lqfdhyu4/

If the condition is met, then I need to hide the div.form-group and the h4 the precedes it:
<h4><br>Product Attributes</h4>

thanks

How do I user jQuery to hide a parent of a specific element?

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.