Javascript I'；我在试图让我的脚本更改元素时遇到了一些问题

我在Drupal站点上构建了一个小表单，代码如下：

<form id="form">
    <button class="btn calc" id="calculator" onclick="return false">Submit</button>
    <div class="calcAnswer">£ <span id="result">no value</span></div>
</form>

提交
英镑没有价值

我想使用JavaScript在单击按钮后自动用值替换#result元素

我正在尝试此代码（但似乎无法使其工作：

jQuery(document).ready(function ($){
    $("#calculator").click(function () {
        $("#result").replaceWith('<span id="result">A new value</span>');
    });
});

jQuery（文档）.ready（函数（$）{
$（“#计算器”）。单击（函数（）{
$（“#结果”）.replace为（'A new value'）；
});
});

---

我已经在JSFIDLE（）中进行了测试，但没有任何进展。

您只需要使用

.html（）

函数在

#结果中设置html

jQuery(document).ready(function ($){
    $("#calculator").click(function () {
        $("#result").html('A new value');
    });
});

试试这个。只需包括JS:

jQuery（文档）.ready（函数（$）{
$（“#计算器”）。单击（函数（）{
$（“#结果”）.replace为（'A new value'）；
});
});
事实上，你的小提琴的问题是你没有指定“库（纯JS）”。你需要包括jQuery，你的脚本将按预期工作（在左栏的“框架和扩展”下，选择一个版本的jQuery）。你的jQuery没有问题

也就是说，我同意@Stijn Martens，使用
.html（'A new value'）
更干净；在这种情况下没有理由使用
.replacetwith

您可以在这里看到它正在工作：
它正在工作，但您使用的是纯
Javascript
，而不是
jQuery

在左侧菜单中的
Frameworks&Extensions
上设置选项
jQuery 1.10.1

它将工作
添加
jQuery库
到您的小提琴中首先看到：实际上OP的代码是完全正确的，但是它们没有包括jQuery库。
jQuery(document).ready(function ($){
    $("#calculator").click(function () {
        $("#result").replaceWith('<span id="result">A new value</span>');
    });
});