javascript - imgtitle属性にインポートされたh2からのデータ

Question

H2要素からのデータを使用して、それをページ上の画像のtitle属性にプラグインする必要があります。jQueryデータ関数を使おうとしていますが、失敗しました。これを解決するためのより良い方法を知っていますか？

Answer 1

それは簡単です：

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

Answer 2

データによって h2 のコンテンツを意味する場合、これは行う必要があります

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

Answer 3

h2からのどのデータ？タグ内のテキスト？メソッドはタグの内容を提供し、メソッド.textを使用して画像にタイトルを設定できます.attr。

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

それがh2の実際のデータ属性である場合、.dataメソッドを使用してそれを引き出すことができます。h2 like:<h2 id="myh2" data-mydata="foobar">Hey you guys!</h2>を想定すると、次のことができます。

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

Answer 4

h2 のテキストではなく jquery データが必要な場合は、次のようにします。

html:

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

JavaScript:

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