Jquery 向图像的属性添加html值

我对此有意见。。是添加的值，但仅添加第一个

h2

标记。我错过了什么

谢谢

我的目标是获取

h2

标记的值，并将该值作为

alt

和

title

标记添加到图像中

下面是我的HTML和JS。这是我的名片

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>

试试这个

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

-使用Firebug或类似工具查看

试试这个

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

-使用Firebug或类似工具查看

尝试以下操作：

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

试试这个：

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

---

这起作用了。但是，如何将

h2

值添加到

title

属性&

alt

中，并将自定义文本附加到图像的

title

属性的末尾？与我最初的情况类似<代码>$（“img”）.attr（'title'，imageID+'Product'）；​只需将

title

参数设置为与设置

alt

完全相同的方式-请参阅更新的回答谢谢！我很感激。这有助于工作。但是，如何将

h2

值添加到

title

属性&

alt

中，并将自定义文本附加到图像的

title

属性的末尾？与我最初的情况类似<代码>$（“img”）.attr（'title'，imageID+'Product'）；​只需将

title

参数设置为与设置

alt

完全相同的方式-请参阅更新的回答谢谢！我很感激。这有帮助