删除HTML中的部分标记

Question

我注意到我的DOM中有多个HTML标记的拼写错误。 Chrome和Edge浏览器会忽略拼写错误并加载图片，但Internet Explorer根本不会加载图片。

我是否可以申请删除代码src="<img部分的脚本？

<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>

我知道如何使用以下方法获取所有元素：

jQuery( "img.attachment-post-thumbnail" );

但现在我想知道如何从返回的数组中的每个元素中删除src="<img。

Answer 1

有几种方法可以达到这个目的：

方法1

.removeAttr() - 根据传递的内容删除属性。例如$('.class').removeAttr('src')

方法2

使用$ .each循环然后使用$(this)

$('.class').each(function()
{
    $(this).removeAttr('src')
})

方法3

使用.attr - 您可以使用它来设置和删除属性，如下所示：

$('.class').attr('key', 'value');
//e.g.
$('.class').attr('src', 'www.google.com')
//or more for you
$('.class').attr('src', '')

我认为您可以.prop

使用.attr