I have a div structure that looks like this...
<div class="gallery_lightview"> <div id="lg_image"> <a href="http://www.website.com/?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]" class="lightview_main" title="TITLE HERE"> <img class="alignnone" src="HEADER.jpg" alt="" /> </a> <a class="lightview" rel="prettyPhoto[pp_gal]" href="http://pathTophoto.jpg"> </a> </div> </div>
This is done in the Wordpress Admin for the post and gets displayed when I use
<p><?php the_content(); ?></p>
What I want to do is remove the
<a> tags that show up ONLY between div class "gallery_lightview" and leave the
<img> tag. So once its all stripped out it would look like...
<div class="gallery_lightview"> <div id="lg_image"> <img class="alignnone" src="HEADER.jpg" alt="" /> </div> </div>
"the_content" Wordpress call (which is where the
"gallery_lightview" div code is.
I choose to not use a jQuery because, since its mobile it would add to the load. And literally the only thing the library would be doing was removing the
I basically want to deactivate any
<a> tag in "
gallery_lightview" so that just the "
img" tag is left and displayed