jquery - jQuery：向元素添加标题属性并从以下元素插入文本

Question

我什至不确定这是否可能，但让我们试一试。

我为每个图像动态生成了这个 HTML：

<a href="image.jpg" class="thickbox">
    <img src="thumb.jpg" title="This is the title" alt="" />
</a>

不知何故，我需要从 thumb.jpg 中获取 title 属性并将其复制到周围的锚点，这将产生以下结果：

<a href="image.jpg" class="thickbox" title="This is the title" alt="">
    <img src="thumb.jpg" title="This is the title" alt="" />
</a>

如果这可以用 jQuery 实现，我会很高兴。

提前致谢。

Answer 1

$('a.thickbox img').each(function(key,$elem){
    $(this).parent().attr('title',$(this).attr('title'));
});

如果您有多个图像，则循环使用每个图像。否则使用函数中的行并替换$(this)为$('a.thickbox img').

Answer 2

您可以将函数传递给attr()（或prop()）并编写如下内容：

$("a.thickbox").attr("title", function() {
    return $(this).find("img").attr("title");
});

（我attr()在上面的代码中使用来强调我们正在创建一个 HTML 属性的事实。prop()创建或更新 DOM 属性会给出相同的结果）。

Answer 3

使用 and 循环缩略图.each()，对于那些有<a>父级的，将父级标题设置为 img 的标题。

$("img[src='thumb.jpg']").each( function() {
    $(this).parent('a.thickbox').attr('title', this.title);
});