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

请注意，此选择器可能效率低下。

Answer 3

This should work

$(".myBtn.myBtnCTA.signIn>span").text("Save & Close");

Working demo

Answer 4

试试这段代码

$(".myBtn.myBtnCTA.signIn span").text("text");