单击使用jQuery单击以更改跨度内的文本

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，我将这段代码逐字粘贴到了我已打开并已加载JQuery的Rails应用程序中，并且运行良好。 因此，只需加载JQuery ，您应该会很好