將數據從h2導入到img標題屬性中

Question

我需要使用H2元素中的數據並將其插入到頁面上圖像的標題屬性中。我一直在嘗試使用jQuery數據函數，但它失敗了。知道解決這個問題的更好方法嗎？

Answer 1

如果數據你指的是H2的內容，那麼這應該做

$(function() { 
    $("img").attr("title", $("h2").text()); 
}); 

Answer 2

很簡單：

$(function() { 
    $("img#toId").attr("title", $("h2#fromId").data("something")); 
}); 

Answer 3

什麼從H2的數據？標籤內的文字？ .text方法將爲您提供標籤的內容，您可以使用.attr方法在圖像上設置標題。

$("#myimage").attr("title", $("#myh2").text());

如果它是在H2實際的數據屬性，那麼你可以使用.data方法將其拉出。假設一個H2一樣：<h2 id="myh2" data-mydata="foobar">Hey you guys!</h2>你可以這樣做：

$("#myimage").attr('title', $("#myh2").data('mydata'));

Answer 4

如果你想jQuery的數據，而不是在H2的文字，你可以這樣做：

HTML：

<h2 data-imgTitle="Image Title">Header Content</h2> 

javascript：

$(function() { 
    $("img").attr("title", $("h2").data("imgTitle")); 
});