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

score 5 · Accepted Answer

您需要使用属性等于选择器- 您需要使用属性名称和属性值，还要删除您需要使用属性名称而不是值。

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

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

同样正如@PaulDraper 建议的那样移动元素script内部body

score 0 · Accepted Answer

0

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

于 2013-11-03T09:39:27.213 回答

2 回答 2