在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

您需要使用attribute equals selector - 您需要使用属性名称和属性值，同时删除您需要使用属性名称而不是值。

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

您的代码会查找属性为_blank的锚元素，然后将其删除，这是<a _blank href="/img/image001.png">

之类的锚元素

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

Answer 2

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