javascript - 如何更改按钮内的文本？

Question

我有一个使用 Bootstrap 的站点和一个使用 KendoUI 创建的数据网格，每一行都包含一个表单按钮...

<button type="button" id="requestbtn1" class="btn btn-success">Request</button>

我使用以下 Javascript 连接了这些按钮的点击事件...

$("button[id^='requestbtn']").click(function() {
  var lgid = String(this.id).replace("requestbtn", "");
  alert("Request for slip " + lgid);
  this.html("Done");
  this.addClass("btn-primary");
  this.removeClass("btn-success");
});

代码被调用，警报显示正确的数字，但我试图将按钮的文本更改为“完成”并将 CSS 类更改为“btn-primary”以提醒用户他们已经发出了此请求.

最后三行都不起作用。我最初将它们全部放在一行中，就像这样......

  this.html("Done").addClass("btn-primary").removeClass("btn-success");

...但将它们分开，看看是否有任何一个可以独立工作。

任何人都知道如何更改文本和 CSS 类？

Answer 1

使用这个

$("button[id^='requestbtn']").click(function() {
  var lgid = String(this.id).replace("requestbtn", "");
  alert("Request for slip " + lgid);
  var $this = $(this);
  Sthis.html("Done");
  Sthis.addClass("btn-primary");
  Sthis.removeClass("btn-success");
});