jQuery使用data-value属性选择一个按钮

时间:2014-03-27 10:47:35

标签: jquery html button

我正在尝试使用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));

    });
});

1 个答案:

答案 0 :(得分:0)

您可以使用jQueryUI&#39; :data() 选择器:

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

注意:除非jQueryUI已经是一个依赖项,否则这可能不是你需要的。不值得为这个选择器包括。但是,您可以检查并使用源代码,也可以编写自定义选择器。