javascript - 使用js添加html元素

Question

我已经生成了 html 内容

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

我如何在 dom 上准备使用图像 alt 内容（在本例中为 asdsadasdsa）并添加带有 alt 图像内容的新属性标题，换句话说，html 应该是

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

Node.js 应该只针对target="_blank"作为 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