我正拼命地尝试克隆一个 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 ,我会被诅咒的……尽管我确信“这个”这个词需要在某处使用……
一如既往地非常感谢任何帮助!!
最佳答案
如果您有多个 project_tile
元素,那么您需要找到相对的 alt
值,在这种情况下,img
是.hover
元素。
那么试试
$(".project_tile p .hover").html(function () {
return $(this).prev().attr('alt')
});
演示:Fiddle
关于javascript - 从图像中取出alt标签并放入div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21218187/