使用 jQuery On Click 更改 Span 内的文本答案

【问题标题】：Use jQuery On Click to Change Text Inside Span使用 jQuery On Click 更改 Span 内的文本
【发布时间】：2015-06-05 16:31:57
【问题描述】：

编辑：我是个傻瓜。我的 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');
});

【问题讨论】：

【解决方案1】：

所以我的猜测是您没有正确加载 JQuery，我将这段代码逐字粘贴到我打开的 Rails 应用程序中，该应用程序已加载 JQuery，并且运行良好。所以只需load JQuery，你应该很高兴

【讨论】：