JQuery的得到一个按钮

Question

的头衔，我有一个按钮：

<button type="button" onclick="toggleColor('white');" >White</button> 

这使得这个：

有没有什么办法让什么是对使用jQuery按钮写。例如，此按钮将返回White，因为它位于2个按钮标签之间。

Answer 1

您可以通过使用.text()得到它，

$('button').text(); 

请仔细阅读here更多地了解它。

Answer 2

尝试

$("button").click(function(){ 
var title=$(this).attr("value"); 
alert(title); 
}); 

Answer 3

给该按钮的ID

<button id="btnTest" type="button" onclick="toggleColor('white');" >White</button> 

JQuery的：

alert($("#btnTest").text()); 

Answer 4

只需提供一个ID，以按钮，使用jQuery

<button id=btn type="button" onclick="toggleColor('white');" >White</button> 

012使用

然后使用jquery这样

$("#btn").val(); 

它会为你的条件下工作。

Answer 5

你可以用Vanilla JS做到这一点，在你添加一个ID之后，你可以获取元素。

假设：

<button type="button" onclick="toggleColor('white');" id='myButton'>White</button> 

您可以在JavaScript中做到：

var someVar = document.getElementById('myButton').innerHTML; // -> White 
var anotherVar = document.getElementById('myButton').textContent; // -> White 

双方将举办 “白”

Answer 6

添加ID到您的按钮，这样

<button type="button" onclick="toggleColor('white');" id="your_button_id" >White</button> 

现在你可以使用JS这样

var button_text = document.getElementById('your_button_id').innerHTML; 

，你也可以使用JQUERY这样

var button_text = $('#your_button_id').text();