Question

我在页面上有几个按钮：

<button id="button-event-status-4" data-closed="0" data-id="4" class="btn-danger">closed</button>
<button id="button-event-status-10" data-closed="1" data-id="10" class="btn-success">OPEN</button>

我需要选择其中任何一个（任何时候都可以多于一个。

$(document).ready(function() {
    $("[id^='button-event-status-']").click(function() {
      alert ('it works');
    });
});

上面的代码不起作用。我在这里缺少什么？

Answer 1

您可以简单地为所有按钮提供相同的类，并将click事件绑定到该类。

$(document).ready(function() {
    $(".sameclass").click(function() {
      alert ('it works');
    });
});


<button id="button-event-status-4" data-closed="0" data-id="4" class="btn-danger sameclass">closed</button>
<button id="button-event-status-10" data-closed="1" data-id="10" class="btn-success sameclass">OPEN</button>

更新

由于按钮是动态添加的，因此您需要在每个按钮上绑定click事件。使用此代码可以使其正常工作。

 $(document).ready(function() {
        $(document).on("click",".sameclass",function() {
          alert ('it works');
        });
    });

使用Jquery观察对任何按钮的多次单击

1 个答案:

更新