Question

我是jQuery的新手，我几小时以来一直在与这段代码作斗争。我知道我接近答案但被卡住了......你能帮帮我吗？： - ）

这里的架构：

<figure id="01">
  <a><img src="" title="" alt=""></a>
  <figcaption>Text I want to copy</figcaption>
</figure>    

<figure id="02">
  <a><img src="" title="" alt=""></a>
  <figcaption>A different text I want to copy</figcaption>
</figure>

<figure id="03">
  <a><img src="" title="" alt=""></a>
  <figcaption>Another text I want to copy</figcaption>
</figure>

etc...

我想用每个数字的figcaption文本填充标题或alt标记图像（实际上是空的）。

$("figure a img").each(function() {
    var captiontext = $(this).parent().parent('figcaption').text();
    $(this).prop("title", captiontext);
});

在此进行实时测试：http://jsfiddle.net/y08d4mq9/7/

有什么想法吗？

Answer 1

试试这个：

$("figure").each(function() {
   $(this).find('img').attr('alt',$(this).children('figcaption').text());
});

working jsFiddle

Answer 2

您可以使用此JS代码：

$("figure").each(function(){
    var captiontext = $(this).find("figcaption").text();
    $(this).find("img").attr("alt", captiontext);
});

您还可以查看this fiddle，了解该程序。

如何用jQuery的下面的figcaption文本替换每个图像的标题（或alt）？

2 个答案: