php按钮点一次之后变文字,javascript – jquery – 点击的更改按钮的文字只有在第二次点击...

我有很多按钮,每个都有相同的类,但不同的id.在每个$data元素旁边添加以下html按钮.

<?php if ($data->isChecked == 1) echo "Remove from homepage"; else echo "Promote to homepage" ; ?>

现在我想根据是否点击来更改单个按钮的文本.即如果一个按钮被点击并且它有文本“促销到主页”,它的文本应该改为“从主页移除”,反之亦然.我使用以下jquery代码来做到这一点.

$('.frontpage').on('click', function() {

var id = this.id;

$("#"+id).html($("#"+id).html() == "Promote to homepage" ? "Remove from homepage" : "Promote to homepage");

});

现在这段代码可以工作,但只能在第二次点击.即当我点击促销到主页按钮时,它的文本将不会更改,但是如果再次单击它,文本将更改.我究竟做错了什么？请帮忙.