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();