javascript - 我在尝试让我的脚本更改元素时遇到了一些问题

Question

我使用以下代码在 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/ ) 中进行测试，但一无所获。

Answer 1

实际上，您的 fiddle 的问题在于您指定了“No-Library (pure JS)”。您需要包含 jQuery，您的脚本将按预期工作(在左侧栏的“框架和扩展”下，选择一个 jQuery 版本)。你的 jQuery 没问题。

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

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