如何獲取在jQuery中調用<button>的文本值？

Question

我嘗試下面的代碼，但沒有工作：

<button type="button" class="btn btn-info filter-new" id="btn_Filter_New">New</button> 
$("btn_Filter_New").click(function() 
{ 
     var ButtonText = $(this).val(); 
} 

Answer 1

使用.text()功能。也可以正確使用ID選擇器#btn_Filter_New。

$("#btn_Filter_New").click(function() { 
     var ButtonText = $(this).text(); 
}); 

Answer 2

按鈕沒有值，它有文本。因此請使用.text()而不是.val()。你的選擇是錯誤的，以及，加#前btn-Filter-New否則會顯得像一個標籤：

<btn-Filter-New> 

如果你感覺活潑這裏有一個辦法做到這一點沒有jQuery的。

var x = document.getElementById("btn-Filter-New"); 
x.onclick = function() { 
    var buttonText = x.innerHTML; 
} 

這抓起ID，並分配一個匿名函數到其設定buttonText爲x的innerHTML值的情況下onclick。

Answer 3

.val()適用於輸入元素（或具有value屬性的元素）。 .text()在輸入元素上不起作用。

.text()獲取元素的innerText。因此，如果您需要使用按鈕，您需要使用.text()

您的選擇器也是錯誤的。與id選擇元素，您需要使用#

那麼試試這個

$("#btn_Filter_New").click(function(){ 
     var ButtonText = $(this).text(); 
}