I noticed a typo in multiple HTML tags in my DOM. Chrome and Edge browser ignores the typo and loads the image however Internet Explorer does not load the image at all.
Is there a script I can apply to remove the src="<img part of the tag?
<a href="https://www.prikkabelled.nl/feestverlichting-voor-de-achtertuin/"><img src="<img width="806" height="605" src="https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin.jpg 806w, https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin-152x114.jpg 152w, https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin-768x576.jpg 768w, https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin-253x190.jpg 253w, https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin-506x380.jpg 506w, https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin-600x450.jpg 600w, https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin-200x150.jpg 200w" sizes="(max-width: 806px) 100vw, 806px" /></a>
I know how to get all the elements using:
jQuery( "img.attachment-post-thumbnail" );
But now I am wondering how to remove the src="<img from each element in the array returned.
there are a few ways that can achieve this:
.removeAttr() - removes attribute based on what's passed. e.g. $('.class').removeAttr('src')
using a $.each to loop through then using $(this)
$('.class').each(function()
{
$(this).removeAttr('src')
})
using .attr - you can use this to set and remove attributes like so:
$('.class').attr('key', 'value');
//e.g.
$('.class').attr('src', 'www.google.com')
//or more for you
$('.class').attr('src', '')
I think you can use .prop in the same was .attr