无法设置 innerHTML

Question

我不确定这里的问题是什么，但出于某种原因，我无法让 innerHTML 将字符串插入到下面代码第 6 行的 div 中。这是片段：

var caption = $(this).attr('data-caption');
    if (caption) {
        //document.write(caption);
        $('.caption-overlay').addClass('show');
        $('.caption-overlay').removeClass('hide');
        $('.caption-overlay').innerHTML = caption;

    } else {
        $('.caption-overlay').addClass('hide');
        $('.caption-overlay').removeClass('show');
    }

我检查了一遍又一遍，caption 确实返回了一个值，一个简单的文本字符串。

函数的其余部分工作正常，if/else 语句正确触发。我已经尝试了几个小时来找出问题所在...

我也试过：

$('.caption-overlay').innerHTML = caption.value;

$('.caption-overlay').innerHTML = String(caption);

但这些都不起作用。有人可以帮忙吗？

Answer 1

我相信你正在寻找 jQuery.html

$('.caption-overlay').html(caption);

无法设置 innerHTML

Can't set innerHTML

javascript

innerhtml