jquery - 选择class选择的元素的value标签

Question

我有一个页面有一大堆按钮

<button value=<?php val?> class='hot' >Hot</button>

我按班级选择它们，因为值都会不同。我试图让他们在点击时提醒值，但我不知道如何访问值字段。

我的功能是

$(".hot").click(function() {
});

我尝试使用以下方法访问它（经过大量时间谷歌搜索）：

$(this).find('option:selected').attr('value');

导致

$(".hot").click(function() {
     $(this).find('option:selected').attr('value');
});

但是，当我提醒这一点时，它只是说未定义。

想法会很棒！我对 php 非常熟悉，但 javascript 和 JQuery 对我来说还很陌生，因此非常感谢链接和良好的解释，而不仅仅是一个答案。谢谢！

Answer 1

使用.val()：

$(".hot").click(function() {
   var valueOfButton = $(this).val();
});

另请参阅其他 SO 问题，了解.val()和之间的区别.attr('value')：jQuery .val() 和 .attr('value') 有什么区别？

Answer 2

您只需要：

$(".hot").click(function(e) {
   alert( $(this).attr('value') );
});

Answer 3

试试这个……它会提醒被点击的按钮的值……

$(".hot").click(function() {
alert($(this).val());
});