I want to remove noscript tag that is wrapping round an image:
<a href="some_image.jpg">
<noscript>
<img src="some_image.jpg">
</noscript>
</a>
I tried unwrap()
, but it doesn't work inside noscript, next I tried the html()
method:
$('a').html(function(index, oldhtml){
return oldhtml.replace(/\<noscript\\?>/g, '');
});
Though the tag is removed, it produces a string instead of DOM:
<a href="some_image.jpg">
"
<img src="some_image.jpg">
"
</a>
How to remove the noscript tag wrapper while keeping the img element untouched?
Try something like - it is in fact a very crude hack
jQuery(function($){
$('a:has(noscript)').html(function(){
return $(this).find('noscript').text()
})
})
Demo: Fiddle