Javascript 单击时使用jQuery更改Span内的文本

编辑：我是个傻瓜。我没有在JSFIDLE上加载jQuery。我以为它会自动装上一把新小提琴。请忽略。

好吧，我一直在努力让它发挥作用，但我一辈子都想不出来。我确信这是一件非常简单的事情，我只是没有看到它

我有一个带有预填充文本的范围。我想单击按钮并将范围内的文本更改为其他内容。然后我想单击另一个按钮，再次更改文本

有什么想法吗？谢谢

HTML

<div>
    <button id="bye">Bye</button>
    <button id="hello">Hello</button>
</div>
<div>
    <p>1: <span id="greeting">Greeting</span></p>
</div>

---

所以我猜您没有正确加载JQuery，我将这段代码一字不差地粘贴到我打开的一个rails应用程序中，该应用程序加载了JQuery，并且工作得很好。所以你应该很乐意去

所以我猜你没有正确地加载JQuery，我将这段代码一字不差地粘贴到我打开的一个rails应用程序中，该应用程序加载了JQuery，它工作得非常好。因此，您应该准备好了

您需要包括jquery。。。我认为您需要将新文本放入html:$（“#greeting”）.html（'Hello'）；我没有加载jQuery。我认为它是一个新的提琴。你需要包括jquery。。。我认为您需要将新文本放入html:$（“#greeting”）.html（'Hello'）；我没有加载jQuery。我认为它是一个新的提琴。你需要包括jquery。。。我认为您需要将新文本放入html:$（“#greeting”）.html（'Hello'）；我没有加载jQuery。我还以为它是新的，我没有加载jQuery。我认为它是一个新的提琴。你可以加载它，但是默认的是纯JSI没有加载jQuery。我认为它是一个新的提琴。你可以加载它，但是默认的是纯JSI没有加载jQuery。我以为它是一个新的提琴。你可以加载它，但默认的只是纯JS

$('#hello').on('click', function() {
    $('#greeting').text('Hello');
});
$('#bye').on('click', function() {
    $('#greeting').text('Bye');
});