javascript - jQuery 按钮 - 获取按下的值

Question

我有一个简单的 jQuery UI 按钮集，如下所示...

<div class="buttons">
    <button id="button1" class="ui-button ui-widget ui-corner-all" value="orange">Orange</button>
    <button id="button2" class="ui-button ui-widget ui-corner-all" value="banana">Banana</button>
    <button id="button3" class="ui-button ui-widget ui-corner-all" value="apple">Apple</button>
</div>

如何获取已按下按钮的值？有人可以举个例子来给我指明方向吗？

Answer 1

您可以为按钮元素添加事件监听器:

$('button').click(function() {
    var value = this.value;
});

检查这个JSFiddle Link

希望对您有所帮助。