jQuery使用数据值属性选择一个按钮[重复]

Question

我正在尝试使用data-value 属性选择一个按钮。当我点击一个按钮时，我已经为data-value 设置了一个变量。当我再次单击它以选择特定按钮时，如何进一步使用它？

HTML

    <button data-value="1" class="key">1
        <span>. , !</span>
    </button>
</td>
<td>
    <button data-value="2" class="key">2
        <span>a b c</span>
    </button>

JavaScript

$(document).ready(function(){
    $("#phone").find("button").mouseup(function(event){
        var button_pressed = $(event.currentTarget).data("value");
        $("#result").val(t9($("#result").val(),button_pressed));

    });
});

Answer 1

您可以为此使用 jQueryUI 的 :data() 选择器：

$("#phone").find("button:data(value)").mouseup(...);

注意：除非 jQueryUI 已经是一个依赖项，否则这可能不是您需要的。不值得仅包含此选择器。但是，您可以检查并使用源代码，或者编写自定义选择器。