javascript - 从图像中取出alt标签并放入div

Question

我正拼命地尝试克隆一个 alt 标签，并将其附加到同级 div。我认为我很接近，但我认为我缺少一个关键功能。

<div class="project_tile">
<p>
<a class="blog_thumb" href="/work?title=personal-trainer-website-design">
<img src="img_cms/projects/thumb-revolution_230x276.jpg" width="263" height="121" alt="Personal Trainer Website Design">
<div class="hover"></div>
</a>
</p>
</div>

尝试获取 alt 标签并将其附加到 div.hover

$(".project_tile p .hover").html( $(".project_tile p img").attr("alt") );

容器中有一系列同级 .project_tiles，它们都具有相同的标记(但不同的图像具有不同的 alt 标签)

第一张图片中的 alt 标签正在转移到所有元素图 block ，但只需要将其克隆到同一个 .project_tile 中的 .hover...

将元素图 block 悬停在此处 http://fifteenten.s1lver.co.uk/work看看我在说什么

如果我能想出如何将它限制为“这个”元素图 block ，我会被诅咒的……尽管我确信“这个”这个词需要在某处使用……

一如既往地非常感谢任何帮助!!

Answer 1

如果您有多个 project_tile 元素，那么您需要找到相对的 alt 值，在这种情况下，img 是.hover 元素。

那么试试

$(".project_tile p .hover").html(function () {
    return $(this).prev().attr('alt')
});

演示:Fiddle