將html值添加到圖像的屬性

我遇到了這個問題..是值被添加，但只有第一個h2標記。我錯過了什麼？將html值添加到圖像的屬性

感謝

我的目標就是抓住h2變量的值和值作爲alt和title標籤添加到圖像。

下面是我的HTML和JS。這是我的jsFiddle File。

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>

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

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

來源

2012-11-08 breezy

試試這個

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

DEMO - 使用Firebug的或類似的審查

來源

2012-11-08 20:10:35

這個工作。但是，如何將'h2'值添加到'title'屬性＆'alt'中，並將自定義文本附加到圖像'title'屬性的末尾？ ''（「img」）。attr（'title'，imageID +'Product'）;' – breezy

只需設置'title'參數就像設置' alt' - 查看更新的答案 –

謝謝！我很感激。這有助於 – breezy

試試這個：

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

來源

2012-11-08 20:10:43 mgraph

將html值添加到圖像的屬性

回答

相關問題