Question

我有这些数据属性

<li data-audio="" data-pic="images/one.png" data-word="one" data-hint="What?"></li>

我使用此功能拉他们

$(wordsData).each(function () {
    var elm = $(this);
    listOfWords.push({
        "name": elm.data("word"),
        "pic": elm.data("pic"),
        "hint": elm.data("hint"),
        "audio": elm.data("audio")
    });
});

我的问题是，当我拉动图片时，我想在同一个div中显示提示。但是出于某些原因，当我在控制台中检查时，它会显示值=“”，而它应该说“什么？”

<div class="hint-img-wrapper">
<img src="" value="" id="hintPic" class="pic-hint" alt="Hint" />

我像这样显示它

 $("#hintPic").attr('src', listOfWords[rndWord].pic).attr('value', listOfWords[rndWord].hint);
        $(hintPic).show();

有人能告诉我我做错了吗？

Answer 1

您真正想要设置的是.attr('value', listOfWords[rndWord].hint);

而不是.attr('title', listOfWords[rndWord].hint);

如果将鼠标悬停在图像上，则标题属性是通常显示的属性。如果没有指定标题，它将使用alt属性。

通过jQuery提取HTML值

1 个答案: