<div>
<div class="content wysiwyg-content">
I have this fiddle.<br />
I'm using jquery<br />
<br />
<a href="https://jsfiddle.net/svre0yk3/" rel="ugc">https://jsfiddle.net/svre0yk3/</a><br />
<br />
If you look this image. I only want to display the divs highlighted in yellow. I want to hide all the other divs.<br />
<a href="https://filedb.experts-exchange.com/incoming/2016/10_w43/1123310/q2.png" target="_blank" title="i only want to display the divs highlighted in yellow (6 KB)"><img alt="i only want to display the divs highlighted in yellow" class="file-block lazyload" style="max-width: 366px;" data-src="https://filedb.experts-exchange.com/incoming/2016/10_w43/1123310/q2.png" /></a><br />
I want to do something like this with the not selector<br />
<br />
$(&quot;div&quot;).not(&quot;[id*='DivIma<wbr />geContaine<wbr />r_Span2']&quot;<wbr />).hide();<br />
<br />
I was thinking of looking for all the divs that start with &quot;Div_Test_&quot; and end with &quot;_Row1&quot; and then hide all the other divs.<br />
<br />
What's the best way to do this?
</div>
</div>


i only want to display the divs highlighted in yellow

q2.png

I have this fiddle.
I'm using jquery

https://jsfiddle.net/svre0yk3/

If you look this image. I only want to display the divs highlighted in yellow. I want to hide all the other divs.


I want to do something like this with the not selector

$("div").not("[id*='DivImageContainer_Span2']").hide();

I was thinking of looking for all the divs that start with "Div_Test_" and end with "_Row1" and then hide all the other divs.

What's the best way to do this?

jquery not selector

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.