javascript - 使用 jQuery On Click 更改 Span 内的文本

Question

编辑:我是个傻瓜。我的 jsFiddle 上没有加载 jQuery。我以为它会自动加载一个新的 fiddle 。请无视。

好吧，我一直在努力让它发挥作用，但我一生都无法弄清楚。我确信这是非常简单的事情，但我只是没有看到它。

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

有什么想法吗？谢谢!

HTML

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

Javascript

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

JSFIDDLE

Answer 1

所以我的猜测是你没有正确加载 JQuery，我将此代码逐字粘贴到我打开的 Rails 应用程序中，该应用程序已加载 JQuery 并且它运行良好。所以就load JQuery你应该可以走了