Zwrócony jquery z ajax nie działa - javascript, php, jquery, ajax

Mam więc 2 przyciski opcji, które powinny zmienić wiersz na stronie.

kod linii, która ma zostać zmieniona to:

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

Po kliknięciu przycisków opcji mam żądanie ajax, które zwraca to:

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

Tak więc teraz span class = "pricedisplay" powinien pokazywać 16,00 zamiast 13,00

Problemem jest to, że nie zmienia się na stronie .. nadal pokazuje 13.00.

jeśli użyję narzędzi deweloperskich w chrome i wkleję wiersz jquery w konsoli, zmieni się on poprawnie

Odpowiedzi:

Wypróbuj (dla jaśniejszego kodu)

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

twój selektor powinien być albo #checkout_total lub .checkout_total..nie można użyć .pricedisplay ponieważ oba przęsła mają tę samą klasę, a ty zastępujesz span element wewnątrz <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>");
});

skoro masz identyfikator wymieniony w tym elemencie ... wybrałbym jQuery("#checkout_total").

jeśli po prostu musisz zmienić tekst wewnątrz zakresu, możesz użyć

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