Javascript JQuery获取按钮的标题

我有一个按钮：

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

白色

这使得：

---

是否有任何方法可以使用jQuery获取按钮上写入的内容。例如，此按钮将返回白色，因为它位于两个按钮标记之间。

您可以使用

.text（）

,

请阅读了解更多信息。

试试看

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

给按钮一个ID

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

---

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

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

---

它适用于您的情况。

您可以在添加ID后使用Vanilla JS执行此操作，以便获取元素

假设：

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

---

两者都将保持“白色”

向按钮添加id，如下所示

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

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

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

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

您还可以像这样使用JQUERY

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

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

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

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

---

尝试此

事件。目标

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

这在chrome上对我有效

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

我尝试了一下，得到了：
TypeError:Object#没有方法“text”
它在Chrome的控制台中不工作，但在JS文件中工作。谢谢。@Deekor很乐意帮忙。！这是可行的，但由于某些原因会删除实际的按钮样式。这更好，因为您也可以使用它来设置按钮标签。这可能可行，但您不应该使用
val（）
-.val（）方法主要用于获取表单元素的值，例如输入、文本区域、选择