javascript - 触发单击以 id 以数字结尾的按钮

Question

我有一个要求，我<input type="text" value="emailaddress">在 jsp 页面上打印所有电子邮件地址。我应该能够编辑该字段，所以我在它的末尾有一个按钮。但电子邮件地址可以是任意数量。如何选择以任意数字结尾的按钮

$('#button_1').on("click", function() {

    //enter code here

});

 $('#button_2').on("click", function() {

        //enter code here

    });

我正在尝试做类似的事情

$('#button_'[]).on("click", function() {

});

有人可以帮我解决这个问题吗？

Answer 1

CSS 通配符：

$("button[id^='button_']").click(function() {
    // button elements with id starting with "button_"
    // return($(this).attr('id'));
});

$("button[id*='button_']").click(function() {
    // button elements with id containing "button_"
    // return($(this).attr('id'));
});

Answer 2

此外，您可以在这些按钮上放置一个类，而不是给出一个 Id，因为类可以被复制：

<button class='email' id="#button_1"/>
<button class='email' id="#button_2"/>

然后更容易只选择这些：

$('.email').on("click", function() {
       // get access to the current button via this: 
       $(this).attr("value","delete"); 
});

Answer 3

有一个起始属性选择器。

您可以执行以下操作：

$('[id^="button_"]').on('click', function () {
  // your code here
});

$('[id^="button_"]')选择所有 id 以 开头的元素button_。然后，您可以绑定一个处理程序来满足所有按钮事件。