如何更改按鈕內的文字？

Question

我有一個使用引導一個網站，並與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-小學」，以提醒用戶他們已經提出了這個要求。

最後三行中沒有一行可用。我原本他們都在一條線，像這樣...

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

Answer 2

您試圖在原生DOM節點（this）上調用jQuery方法（html(),addClass()，removeClass()等）;無法訪問這些方法。如果您使用jQuery，請記住使用jQuery。或者，至少要記住您是使用DOM還是使用jQuery。

嘗試：

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

或者，使用原生DOM選擇：

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