我有以下 HTML
<p><input id="revenue" type="text" value="100000" /><span id="howmuch"><a href="" class="ka_button small_button small_cherry" target="_self" style="opacity: 1; "><span>How Much?</span></a></span></p>
<p id="howmuchpercent">You save <span id="savingspercent">$<span id="howmuchspan">23000.00</span>*</span></p>
以及以下 Javascript
jQuery(document).ready(function(){
jQuery('span#howmuch a').click(function(e){
e.preventDefault();
var revenue = jQuery('input#revenue').val();
var savingsonrevenue = revenue * 0.23;
jQuery('span#howmuchspan').text(savingsonrevenue.toFixed(2));
});
});
当我出于某种原因单击多少?
按钮而不是替换span#howmuchspan
的内容时,它会替换整个范围,从而产生以下HTML
<span id="savingspercent">57500.00</span>
而不是
<span id="savingspercent">$<span id="howmuchspan">57000.00</span>*</span>
最佳答案
我在 JSFiddle 上尝试了你的代码,它工作得很好:http://jsfiddle.net/2FQ4X
关于javascript - 为什么 jQuery .text 会替换整个范围?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8175963/