jquery - 将 html 值添加到图像的属性中

Question

我对此有疑问..是否添加了值，但仅添加了第一个h2标签。我错过了什么？

谢谢

我的目标是获取标签的值并将值作为和标签h2添加到图像中。alttitle

下面是我的 HTML 和 JS。这是我的jsFiddle 文件。

HTML

<ul class="list">
  <li>
    <img title="Product" src="/img.jpg" />
    <h2>Blue</h2>
  </li>
  <li>
    <img title="Product" src="/img.jpg" />
    <h2>Red</h2>
  </li>
  <li>
    <img title="Product" src="/img.jpg" />
    <h2>Yellow</h2>
  </li>
</ul>

​</p>

JS

var imageID = $('.list').find('h2').html();

$("img").attr('title', imageID + ' Product');​

Answer 1

尝试这个

$(".list img").each(function() {
    var txt = $(this).siblings("h2").text();
    $(this).prop("alt", txt).prop("title", txt + " Product");
});

DEMO -使用 Firebug 或类似软件进行审核

Answer 2

尝试这个 ：

$("img").each(function(){
   $(this).attr('title', $(this).closest("li").find("h2").text()+ ' Product');​
})