<div>
remove the greater &quot;&gt;&quot;&nbsp;operator :<br />
jQuery(&quot;h2[data-state=&quot; + statedata + &quot;]&quot;).hide( ); <br />
<br />
mean you've :<br />
&lt;h2 data-state=&quot;somestate&quot;&gt;
</div>


remove the greater ">" operator :
jQuery("h2[data-state=" + statedata + "]").hide( );

mean you've :
<h2 data-state="somestate">

<div>
<div class="content wysiwyg-content">
I am stuck, I have a list of divs and h2's I want it so if all the divs in div.clflexbox are :hidden then it hides the H2 with the matching data-state<br />
<br />

<pre><code id="code-10-29124618-1">            jQuery(&quot;div[data-state]&quot;).each(function(){
                var statedata = $(this).data('state');

                if ( jQuery(&quot;div[data-state=&quot; + statedata + &quot;] .clad:visible&quot;).length === 0) {
                    jQuery(&quot;h2 &gt; [data-state=&quot; + statedata + &quot;]&quot;).hide( );
                } else {
                    jQuery(&quot;h2 &gt; [data-state=&quot; + statedata + &quot;]&quot;).show( );
                }
            });</code></pre>
</div>
</div>


I am stuck, I have a list of divs and h2's I want it so if all the divs in div.clflexbox are :hidden then it hides the H2 with the matching data-state

(CODE)

Hide h2 with same data-state

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

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.