在dom准备好删除现有的html属性并添加我的

Question

我生成的页面源部分是

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

Answer 1

您需要使用属性equals selector - 您需要使用属性名称和属性值,还要删除您需要使用属性名称而不是值.

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

您的代码查找带有属性的锚元素,_blank然后将其删除,这是一个锚元素<a _blank href="/img/image001.png">

同样@PaulDraper建议移动元素script内部body