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>

Answer 1

属性 equals セレクターを使用する必要があります。属性名と属性値を一緒に使用する必要があります。削除するには、値ではなく属性名を使用する必要があります。

$('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');
})