从ajax返回jquery不工作

Question

所以我有2个单选按钮，应该改变页面中的一行。

改变该行的代码是：

<span id='checkout_total' class="pricedisplay checkout-total"> 
<span class='pricedisplay'>&#036;13.00</span></span> 

当点击单选按钮我有返回该Ajax请求：所以，现在

jQuery('.pricedisplay.checkout-total').html("<span class='pricedisplay'>&#036;16.00</span>"); 

跨度类='pricedisplay '应该显示16.00而不是13.00

问题是，它在页面中没有改变。仍然显示13.00。

如果我使用Chrome的开发者工具，并粘贴在控制台中的jQuery线它正确地更改

Answer 1

试用（对于较轻的代码）

jQuery('#checkout_total .pricedisplay').html("$16.00"); 

Answer 2

你的选择要么是#checkout_total或.checkout_total ...不能使用.pricedisplay，因为两个跨度都有相同的类别，而您正在替换内部的span元素<span id='checkout_total' class="pricedisplay checkout-total">

$(function(){ //just incase if you missed this 
    jQuery('#checkout_total').html("<span class='pricedisplay'>&#036;16.00</span>"); 
}); 

既然你有一个身份证在该元素中提到..我会去jQuery('#checkout_total')。

，如果你只需要改变内部跨距中的文本，那么你可以使用

jQuery('#checkout_total .pricedisplay').text("$16.00");