javascript - 我在尝试获取脚本来更改元素时遇到了一些麻烦

我在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>');
    });
});

我已经在JSFiddle（http://jsfiddle.net/NFQpw/8/）中进行测试，但是却无济于事。

最佳答案

实际上，小提琴的问题在于您指定了“无库（纯JS）”。您需要包括jQuery，您的脚本将按预期工作（在左侧栏的“ Frameworks＆Extensions”下，选择jQuery版本）。 jQuery没有错。

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

您可以在这里看到它的工作：http://jsfiddle.net/Jammerwoch/NFQpw/12/

关于javascript - 我在尝试获取脚本来更改元素时遇到了一些麻烦，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17928745/