在 DOM 就绪时，删除现有的 HTML 属性并添加我的

on dom ready remove existing html attribute and add mine

本文关键字：HTML 属性 我的 添加 就绪 DOM 删除      更新时间：2023-09-26

我生成的页面源代码部分是 

<a target="_blank" href="/img/image001.png">
    <img width="286" height="171" alt="" src="/img/image001.png">
</a>

我需要在页面加载时将其替换为 rel 的目标，因此上面的链接应该是

<a rel="lightbox" href="/img/image001.png">
    <img width="286" height="171" alt="" src="/img/image001.png">
</a>

我试过后</body> 

 <script>
    $(function() {
       $('a[_blank]').removeAttr('_blank').attr("rel=","lightbox");
    });
</script>

您需要使用属性等于选择器 - 您需要使用属性名称以及属性值，此外，要删除，您需要使用属性名称而不是值。

$('a[target="_blank"]').removeAttr('target').attr("rel","lightbox");

代码查找具有属性 _blank 的锚元素，然后将其删除，该锚元素类似于<a _blank href="/img/image001.png">

同样按照@PaulDraper建议将script移动到body元素内

$(document).ready({
   $('a[target=_blank]').attr('rel', 'lightbox');
})
相关文章：