Javascript 如何应用多个选择器？

如何在循环中编写此javascript代码？我正在使用

$("#b1").click(function ( event ) {
event.preventDefault();
$("#a1").hide();
});
$("#b2").click(function ( event ) {
event.preventDefault();
$("#a2").hide();
});
$("#b3").click(function ( event ) {
event.preventDefault();
$("#a3").hide();
});
...etc

---

为什么要循环？如果您希望为多个按钮/链接使用相同的单击功能，请使用类选择器而不是ID

例如：

$(".classname").click(function ( event ) {
event.preventDefault();
$(this).hide();
});

首先，你能做到

$("#a1, #a2, #a3, *etc*").click(function ( event ) {
  event.preventDefault();
  $(this).hide();
});

因为在我看来，这相当“丑陋”。我将尝试向a1、2、3、4等元素添加一个类。并将类作为选择器

$(".class_name").click(function ( event ) {
  event.preventDefault();
  $(this).hide();
});

如果您的id总是以数字结尾，您可以这样做：

$("a").filter(function() {
    return $(this).attr("id").match(/\d+$/);
}).click(function(evt) {
    evt.preventDefault();
    $(this).hide();
});