使用js添加html元素

时间:2013-11-09 11:09:16

标签: javascript jquery

我已经生成了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>

js应仅定位具有target="_blank"作为href属性一部分的代码。

2 个答案:

答案 0 :(得分:4)

尝试

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

DEMO - jsfiddle

参考

:has()

.attr()

.find()

[ ] has-attribute-selector

答案 1 :(得分:1)

你可以试试这个:

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

Demo Fiddle to try