选择由类选择的元素的值标记

Question

我有一个包含大量按钮的页面

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

我正在按类选择它们，因为这些值都会有所不同。我试图让它们在点击时提醒值，但我无法弄清楚如何访问值字段。

我的功能是

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

我尝试使用以下方式访问它（经过google搜索的时间很长）：

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

另请参阅另一个问题，了解.val()和.attr('value')之间的差异：What's the difference between jQuery .val() and .attr('value')?

Answer 2

你只需要：

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

Answer 3

试试这个......它会提示点击按钮的值......

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