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标签正在转移到所有项目图块，但只需将其克隆到同一.project_tile中的.hover ...

将项目图块悬停在http://fifteenten.s1lver.co.uk/work，以查看我的内容

如果我能想出如何将它限制在“这个”项目中，我会被诅咒......虽然我确信“这个”这个词需要在某个地方使用......

一如既往的大力赞赏的任何帮助!!

Answer 1

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

所以试试

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

演示：Fiddle

从图像中取出alt标记并放入div

1 个答案: