javascript - jsを使用してhtml要素を追加する

Question

HTMLコンテンツを生成しました

<a href="/images/img1.jpg" target="_blank">
   <img src="/images/img1.jpg" alt="asdsadasdsa" />
</a>

どうすれば画像代替コンテンツ (この場合は asdsadasdsa) を使用できるようになり、代替画像コンテンツを含む新しい属性タイトルを追加できますか。つまり、上記の html は次のようになります。

<a href="/images/img1.jpg" target="_blank" title="asdsadasdsa">
    <img src="/images/img1.jpg" alt="asdsadasdsa" />
</a>

target="_blank"js は、href 属性の一部として含まれるコードのみをターゲットにする必要があります。

score 4 · Accepted Answer

試す

$('a[target="_blank"]:has(img[alt])').attr('title', function () {
    return $(this).find('img').attr('alt');
});

デモ - jsfiddle

参照

score 1 · Accepted Answer

これで試すことができます：

var $target = $('a[target="_blank"]');
var $content = $target.find('img').attr('alt');

$target.attr('title', $content);

またはこの方法：

var $target = $('a[target="_blank"]');

$target.each(function(){
    $(this).attr('title', $(this).find('img').attr('alt'));
});

2 に答える 2