javascript - 複数のセレクターを適用する方法は?

Question

この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

Answer 1

最初は、できる

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

私の意見では、それはむしろ「醜い」からです。#a1,2,3,4,etc.要素にクラスを追加しようとします。クラスをセレクターとして配置します。

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

Answer 2

常に数字で終わる場合idは、次のようにすることができます。

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