复制图像alt文本并使用jQuery粘贴到div中

Question

我在页面上有多个用div包装的图像.我想复制图像alt文本并将其粘贴到下一个img-txt div中.

<div class="container">
  <img src="kakka.jpg" alt="Text">
  <div class="img-txt"></div>
</div>

<div class="container">
  <img src="kakka2.jpg" alt="Text2">
  <div class="img-txt"></div>
</div>

问题是我得到了第一个alt文本到处.我知道这很容易,但我不能让这个工作......

$(".container").each(function(i) {
  var alt = $("img").attr("alt");
  $(".img-txt").text(alt);
});

Answer 1

您的代码的问题是,遍历纠正兄弟,然后获取替代文本.

一个更智能的解决方案是,使用回调函数.text()以及遍历兄弟img元素:

$(".container .img-txt").text(function() {
   return $(this).siblings('img').attr("alt");
});

工作演示