javascript - 如何通过单击相应的文本字段在同一图像上显示不同的文本。使用 javascript 或 jquery？

Question

我将文本设置为一个按钮，单击该按钮我想在一个图像上显示该文本。如何使用 jquery 或 javascript 实现这一点。

可能这会有所帮助 http://store.apple.com/us/browse/home/ipod/editorial/engraving_giftwrap

在此页面上，您可以看到“iPad Engraving Gallery”链接我正在谈论这种东西。

Answer 1

您可以拥有一个具有图像大小的元素，并将其视为background-image: url(/path/to/image)普通元素（文本和所有）

或者，您可以拥有<img>自己的元素，并在其上放置一个具有透明背景的固定/绝对定位元素。

假设在图像上有文本的 div 是#img-text.

$(".text-sample").on('click', function () {
    $("#img-text").text($(this).text());
});