如何获取在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(); 
}