從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");