change span text inside a button tag in jquery

Question

I have html structure like this,

<button class="myBtn myBtnCTA signIn" onclick="javascript:;">
                            <span>Close</span>
</button>

I want to change the text from "Close" to "Save & Close". I tried this $(button .myBtn myBtnCTA signIn span).text() but this doesnt seem to work. Any suggestion??

Answer 1

Use . dot to join multiple classes, also give selector in quotes.

Live Demo

$('button.myBtn.myBtnCTA.signIn span').text()

Answer 2

$(".myBtn.myBtnCTA.signIn span").text("Hello world!");

Beware that this selector may be inefficient.