JQuery Selector获取ID末尾的ID

时间:2012-09-16 11:56:31

标签: javascript jquery jquery-selectors

我有一些表示按钮的DIV,所有按钮都是以下ID结构:

Button_<id>

示例:

Button_54

有没有办法将点击监听器附加到所有按钮并在侦听器中获取其ID?我提出了以下解决方案,但我认为不是这样做的方法......你有什么建议吗?

$('[id$="Button_"]').click(function() {
    var id = $(this).attr('id');
    var ButtonID = id.substring(id.lastIndexOf("Button_"));
    //.
    //. Do somthing which requires the ID
    //. of this button, for instance an AJAX request
    //.
});

2 个答案:

答案 0 :(得分:1)

是的,这是可能的。



    $('[id^="button_"]').click(function() {
        var id = $(this).attr('id');
        var ButtonID = id.split('_')[1];
        alert(ButtonID);
    });

jsfiddle

答案 1 :(得分:1)

您正在使用属性结束选择器,它不选择您的元素,您应该使用属性启动选择器:

$('[id^="Button_"]').click(function() {
    var num = this.id.match(/\d+/g).join(''); // 54
    // ....

});