jquery - 设置 $("#x").innerHTML 不会改变元素

Question

我正在尝试设置 H2 元素的值，但该值永远不会改变。当我点击网页上的字母（a、b、c 等）时，我会尝试更新 H2 值，如下所示：

function GetEntries(firstLetter) {
    $('#letterChosen').innerHTML = firstLetter;
}

这是H2元素。

<h2 id="letterChosen" class="results">Results</h2>

我已经尝试了一些东西，innerHTML 属性是我最后一次尝试。知道我做错了什么吗？注意，参数 firstLetter 实际上有一个值，所以这不是问题。

Answer 1

试试这个：

document.getElementById('letterChosen').innerHTML = firstLetter;

或者更好：

document.getElementById('letterChosen').firstChild.nodeValue = firstLetter;

---

通过使用 jQuery's $('#letterChosen')，您将获得一个 jQuery 对象，而不是元素本身。[0]您可以通过在末尾添加 (so )来访问该元素，$('#letterChosen')[0]但在这种情况下，当有一个非常好的本机方法时使用 jQuery 实际上有点愚蠢。

Answer 2

因为innerHTML不是 jQuery 方法。它实际上是原生的。尝试.html()

$('#letterChosen').html(firstLetter);