javascript - 来自 h2 的数据导入到 img 标题属性

Question

我需要使用来自 H2 元素的数据并将其插入页面上图像的标题属性中。我一直在尝试使用 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"));
});