JQuery获得了一个按钮的标题

Question

我有一个按钮：

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

这使得：

有没有办法使用jQuery获取按钮上写的内容。例如，此按钮将返回White，因为它位于2个按钮标记之间。

Answer 1

您可以使用.text()，

来获取它

$('button').text();

请阅读here了解更多信息。

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

Answer 3

尝试

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

Answer 4

给按钮一个ID

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

JQuery的：

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

Answer 5

您可以在添加ID后使用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

两者都将持有“白色”

Answer 6

只需为按钮提供一个id，并将其与JQuery一起使用

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

然后像这样使用jquery

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

它适用于你的病情。

Answer 7

尝试一下event.target

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

Answer 8

这对我来说适合chrome。

$("#your-button-id").val();