JQuery get the title of a button

Question

I have a button:

White

Which makes this:

Answer 1

Try this event.target

$("button").click(function(event){
var text=$(event.target).attr("value")
alert(text);
});

Answer 2

add id to your button like this

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

now you can use JS like this

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

and also you can use JQUERY like this

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

Answer 3

Try

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

Answer 4

You can do this with Vanilla JS, after you've added an ID so you can fetch the element.

Assuming:

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

You can do in JavaScript:

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

Both will hold "White"

Answer 5

give the button an ID

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

JQuery:

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

Answer 6

Just provide one id to button and use it with JQuery

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

then use jquery like this

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

it will work for your condition.