Question

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

$('#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

有一个starts-with属性选择器。

您可以执行以下操作：

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

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

触发器单击以id结尾的按钮结束的数字

3 个答案: