trim text inside anchor tag jquery

Question

This is my anchor tag.

<a href="../checkout/orderdetails" id="checkoutButton" type="button" class="visible-xs-block btn btn-primary btn-block text-center btn-danger">Proceed to
                                    checkout
                                </a>

I tried to trim this like:-

$("#checkoutButton").text().trim()

But it's still not showing properly. I want the text to be like:_ 'Proceed to Checkout'

Answer 1

You're retrieving the text, not setting it.

let trimmed = $("#checkoutButton").text().trim();
$("#checkoutButton").text(trimmed);