来自h2的数据导入到img title属性中

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喜欢：<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"));
});