我使用以下代码在 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/ ) 中进行测试，但一无所获。
最佳答案
实际上，您的 fiddle 的问题在于您指定了“No-Library (pure JS)”。您需要包含 jQuery，您的脚本将按预期工作(在左侧栏的“框架和扩展”下，选择一个 jQuery 版本)。你的 jQuery 没问题。
也就是说，我同意@Stijn Martens 的观点，使用.html('A new value') 更干净；在这种情况下没有理由使用 .replaceWith。
你可以看到它在这里工作:http://jsfiddle.net/Jammerwoch/NFQpw/12/
关于javascript - 我在尝试让我的脚本更改元素时遇到了一些问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17928745/