JQuery получает название кнопки

У меня есть кнопка:

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

Что делает это:

enter image description here

Есть ли способ получить то, что написано на кнопке с помощью jQuery. Например, эта кнопка вернет White, потому что она находится между двумя тегами кнопки.

Ответы

Ответ 1

Вы можете получить его, используя .text(),

$('button').text();

Прочтите здесь, чтобы узнать больше об этом.

Ответ 2

добавить идентификатор к вашей кнопке, подобной этой

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

Ответ 3

Try

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

Ответ 4

Вы можете сделать это с помощью Vanilla JS после добавления идентификатора, чтобы вы могли получить элемент.

Предполагая:

<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

Оба будут содержать "белый"

Ответ 5

введите кнопку ID

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

JQuery

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

Ответ 6

Просто укажите один идентификатор кнопки и используйте его с помощью JQuery

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

то используйте jquery, подобный этому

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

он будет работать для вашего состояния.